Как правильно сохранить древовидную структуру DOM, а потом восстановить ее?
Изучаю js, и захотелось реализовать древовидный ToDo
т.e. создав таск, в нем можно создать дочерний таск и т.д.
Возможно уже есть готовые паттерны для таких задач, но найти не смог.
На данный момент, при создании нового таска на странице, в массив добавляется новый объект с уникальным id вида 1-12-1-5
новый id состоит из:
parent.id - id родителя в котором создали новый таск;
parentTaskCounter - у каждого таска есть счетчик, при созаднии потомка счетчик увеличивается на 1;
итого я имею массив объектов с уникальными id допустим записанный в localStorage Вопрос: Как восстановить такой массив в DOM, как разложить id 1-12-1-5 по вложенности
или возможно есть какой-то другой подход?
в json рекурсией и туда и оттуда, через отношения родитель-дети можно добраться до любого элемента из любой точки
посмотрите как сделаны плагины tree view, их много разных
но народ все еще колупается в html, и думает, что так и надо
Но пройтись рекурсий по объектам и сверить каждый ключ мне представляется более ресурсо затратной задачей, чем пройтись циклом по id элементов, для этой задачи не принципиально, но если бы тут было 100к объектов, пришлось бы подождать
IceDevil, так постройте дерево из id элементов, мы так и построили
100к объектов на фронт никто сразу не грузит, нет смысла
самое большое json дерево у нас больше, чем c 500 id, приложение очень сложное, причем мы синхронизируем не поэлементно, а целыми ветками или даже все дерево сразу, все работает со свистом