Как сделать свой TreeView на JS?
 

Подскажите, пожалуйста, как сделать свой TreeView на JS?

Изначально я сделал не в веб стиле - в скрипте создал классы, связи и тд. и потом уже через скрипт заполнил <div> данными с <li> элементами.
Но возник гемор. При изменениях нужно перерисовывать <div>, что не есть хорошо для веба как я понимаю. Так же (во всяком случае у меня) сбрасывается событие на клик по элементами. Нужно получить dom-елемента родителя и сохранить в каждом элементе. При перестройке иерархии гемор получается.

Сейчас пришел в голову способ заранее создать в html всю иерархию <li>, в js-скрипте найти все dom-елементы, сохранить ссылки на них и уже манипулировать. Но такой вариант кажется унылым.

Может есть еще варианты?

Ответ: Как сделать свой TreeView на JS?
 

В PlayCanvas редакторе сделал уже не помню как :D
Но вот скрин и исходники.
https://playcanvas.com/editor/scene/js/ui/tree.js
https://playcanvas.com/editor/scene/js/ui/tree-item.js

tree наследует ContainerElement
https://playcanvas.com/editor/scene/...ner-element.js

tree-item наследет Element
https://playcanvas.com/editor/scene/js/ui/element.js

Короче, создаю элементы постоянно, присваиваю им события, обрабатываю, и манипулирую элемент сам.
Также там не мало CSS'а что-бы сделать полоски и визуализацию дерева. Все полосочки кстати полностью на CSS, что очень упрощает рендер. Можешь в PlayCanvas редактор открыть, и подсмотреть испектором как там CSS написан.