Javascript дерево
Вот как оно должно выглядеть в конечном итоге http://setup.spendhunters.ru/verstka/category-tree.html
Нужно создать плагин для jquery или на чистом javascript, который будет генерировать это дерево.
Среди функций плагина должны быть:
- Создание дерева из JSON
- Добавление элемента в дерево
- Удаление элемента из дерева
- Отслеживание нажатия на кнопки (+, -, *) справа от каждного элемента
- Перегенерация дерева
- Открытие/Закрытие ветки дерева
Дерево будет 4-х уровневое.
Уровки которые имеют подуровни, иммеют иконку папки слева, а в которых нету подпапапок выводяться со стрелкой (прим. Садовые/Многолетние/Луковичные). Таким образом если в папки 2-го уровня нету вложений - то она выводится со стрелкой.
Функционал javascript нужно отделить от html.
Пример входящего JSON:
var collection = [
{
id: 0,
title: 'Root',
parent 0,
},
{
id: 1,
title: 'Node 1',
parent 0,
},
{
id: 2,
title: 'Node 2',
parent 0,
},
{
id: 3,
title: 'Node 3',
parent 2,
},
{
id: 4,
title: 'Node 4',
parent 3,
},
{
id: 5,
title: 'Node 5',
parent 4,
},
];