@IceDevil
На пути от верстки до фронта

Как правильно сохранить древовидную структуру DOM, а потом восстановить ее?

Изучаю js, и захотелось реализовать древовидный ToDo
т.e. создав таск, в нем можно создать дочерний таск и т.д.

Возможно уже есть готовые паттерны для таких задач, но найти не смог.

На данный момент, при создании нового таска на странице, в массив добавляется новый объект с уникальным id вида 1-12-1-5
новый id состоит из:
parent.id - id родителя в котором создали новый таск;
parentTaskCounter - у каждого таска есть счетчик, при созаднии потомка счетчик увеличивается на 1;

итого я имею массив объектов с уникальными id допустим записанный в localStorage
Вопрос: Как восстановить такой массив в DOM, как разложить id 1-12-1-5 по вложенности
или возможно есть какой-то другой подход?
  • Вопрос задан
  • 211 просмотров
Решения вопроса 1
@AnneSmith
самая ленивая
в json рекурсией и туда и оттуда, через отношения родитель-дети можно добраться до любого элемента из любой точки
посмотрите как сделаны плагины tree view, их много разных

но народ все еще колупается в html, и думает, что так и надо
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы