javascript — нужна помощь в отображении древовидной структуры с помощью Ractive js

Question

javascript — нужна помощь в отображении древовидной структуры с помощью Ractive js

Я новичок в Ractive JS.
Мне нужно отобразить организационную иерархию в виде дерева.
У меня есть 1 массив, определенный в моем шаблоне Ractive.

managerTeam = {M1: [T1, T2, M2, T3], M2: [M3, T4,T5],  M3: [T6,T7]};

где M1 является корневым менеджером, T1-T7 являются листовыми узлами (членами команды)

Как я должен отображать это с помощью jsTree или любая другая библиотека?

-3

javascript jstree php ractivejs

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Для использования jsTree вам необходимо:

добавлять jsTree библиотека на вашу страницу
включи managerTeam объект в формате, приемлемом для jsTree, как это:

managerTeam = [{ "id":"m1", "text": "M1", "children": [ {"parent": "m1", "text": "T1"}, {"parent": "m1", "text": "T2"}, {"parent": "m1", "text": "M2"}, {"parent": "m1", "text": "T3"} ], "state":{"opened":true}}, { "parent": "root", "id": "m2", "text": "M2", "children": [ {"parent": "m2", "text": "M3"}, {"parent": "m2", "text": "T4"}, {"parent": "m2", "text": "T5"} ], "state":{"opened":true}}, { "id": "m3", "text": "M3", "children": [ {"parent": "m3", "text": "T6"}, {"parent": "m3", "text": "T7"} ], "state":{"opened":true}}]

написать код конфигурации для div на вашей странице, который будет превращен в дерево в соответствии с jsTree правила и запустить его после загрузки DOM

Пример этого вы можете увидеть здесь: скрипка

0