Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.02.2013, 17:12
Новичок на форуме
Отправить личное сообщение для Serg_Odessa Посмотреть профиль Найти все сообщения от Serg_Odessa
 
Регистрация: 05.02.2013
Сообщений: 1

Создание 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, плиз)

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск