Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Создание View Tree (дерева), используя jsTree.js (https://javascript.ru/forum/library-toolkit-framework/35267-sozdanie-view-tree-dereva-ispolzuya-jstree-js.html)

Serg_Odessa 05.02.2013 17:12

Создание View Tree (дерева), используя jsTree.js
 
Всем привет!
Может кто легко пишет дерево, используя jstree библиотеку? - научите, пожалуйста)
Данные из сервера в json формате в переменной unitsTree.

<div id="demotree"></div>


$(document).ready(function(){
            $("#demotree").jstree({
                ui: {
                    select_limit: 1,
                    selected_parent_close: false,
                },
                json_data: {
                    data: unitsTree
                },
                themes: {
                    theme: 'classic',
                    dots: false,
                    icons: false
                },
                core: {
                    html_titles: true
                },
                plugins: ['themes', 'json_data', 'ui']
            });
        });


Json данные уже в виде (или типа) TreeNode, т.е. Тринод - это объект, который содержит несколько параметров специально для дерева - это Название, путь иконки, урл - ссылка ну и список дочерних Тринодов.
Вышеуказанный код дает нам лишь дерево из корневых Родителей. Поясните, пожалуйста, как мне отобразить дочерние Триноды? Как писать код, чтоб привязать иконки и прочие параметры Тринода...

Вот мои json данные:

var unitsTree = [
 
    {"state":"closed",
    "metadata":{"url":null,"ext":null},
    "data":{"title":"<img src='' class='tree-icon' />Firma1"},
    "attr":{"id":"10","rel":null,"class":null,"refId":null},
    "children":[
 
        {"state":null,
        "metadata":{"url":null,"ext":null},
        "data":{"title":"<img src='' class='tree-icon' />Firma4"},
        "attr":{"id":"40","rel":null,"class":null,"refId":null},
        "children":[]},
 
        {"state":null,
        "metadata":{"url":null,"ext":null},
        "data":{"title":"<img src='' class='tree-icon' />Firma5"},
        "attr":{"id":"50","rel":null,"class":null,"refId":null},
        "children":[]},
 
        {"state":null,
        "metadata":{"url":null,"ext":null},
        "data":{"title":"<img src='' class='tree-icon' />Firma6"},
        "attr":{"id":"60","rel":null,"class":null,"refId":null},
        "children":[]}]},
 
    {"state":null,
    "metadata":{"url":null,"ext":null},
    "data":{"title":"<img src='' class='tree-icon' />Firma2"},
    "attr":{"id":"20","rel":null,"class":null,"refId":null},
    "children":[]},
 
    {"state":null,
    "metadata":{"url":null,"ext":null},
    "data":{"title":"<img src='' class='tree-icon' />Firma3"},
    "attr":{"id":"30","rel":null,"class":null,"refId":null},
    "children":[]}
];


Научите писать дерево с помощью jstree, плиз)

Вопрос конкретнее - как открыть Тринод?


Часовой пояс GMT +3, время: 06:12.