JQuery Fancy Дерево с локального массива данных

Я пытаюсь реализовать JQuery FancyTree http://wwwendt.de/tech/fancytree/demo/ с локальными даннымиJQuery Fancy Дерево с локального массива данных

массива перешедших из https://code.google.com/p/fancytree/

Это код. Но он не работает, No Script Error. Но дерево пусто !!!

Даже я скопировал JQuery, версии интерфейса файла они, используя в демонстрационном сайте. Тем не менее ничего не работает

<html> 
<head> 
    <script src="jquery.js" type="text/javascript"></script> 
    <script src="jquery-ui.custom.js" type="text/javascript"></script> 
    <link href="ui.fancytree.css" rel="stylesheet" type="text/css" /> 
    <script src="jquery.fancytree.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("#tree").fancytree({ 
       onActivate: function (node) { 
        // A DynaTreeNode object is passed to the activation handler 

        // Note: we also get this event, if persistence is on, and the 
        // age is reloaded. 
        alert("You activated " + node.data.title); 
       }, 

       children: [ // Pass an array of nodes. 
       {title: "Item 1" }, 
       { title: "Folder 2", isFolder: true, 
        children: [ 
         { title: "Sub-item 2.1" }, 
         { title: "Sub-item 2.2" } 
        ] 
       }, 
       { title: "Item 3" } 
      ] 
      }); 
     }); 

    </script> 
</head> 
<body> 
    <div id="tree"> 
    </div> 
</body> 
</html>

источник

2013-02-14 Billa

Я заметил, что source:[] как вы инициализируете дерево в $("#tabTree").fancytree() инициализации вызова, так что ваш пример будет:

<html> 
<head> 
    <script src="jquery.js" type="text/javascript"></script> 
    <script src="jquery-ui.custom.js" type="text/javascript"></script> 
    <link href="ui.fancytree.css" rel="stylesheet" type="text/css" /> 
    <script src="jquery.fancytree.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("#tree").fancytree({ 
       onActivate: function (node) { 
        // A DynaTreeNode object is passed to the activation handler 

        // Note: we also get this event, if persistence is on, and the 
        // age is reloaded. 
        alert("You activated " + node.data.title); 
       }, 
       source: [ // Pass an array of nodes. 
       {title: "Item 1" }, 
       { title: "Folder 2", isFolder: true, 
        children: [ 
         { title: "Sub-item 2.1" }, 
         { title: "Sub-item 2.2" } 
        ] 
       }, 
       { title: "Item 3" } 
      ] 
      }); 
     }); 

    </script> 
</head> 
<body> 
    <div id="tree"> 
    </div> 
</body> 
</html>

Кстати, в случае, если вы заметили, что документация довольно запутана, так как они рефакторинг кода, документация - это половина того, что осталось от dynatree и новых соглашений fancytree. Так что ожидайте еще более странных вещей :-)

источник

2013-02-20 23:08:50 zmo

Вы правы. Но с модным деревом я не мог вызвать метод render в каждом дочернем узле, поскольку он используется в дереве dyna. Он говорит, что parent.ul имеет значение null :( – Billa

Я не понимаю, что вы имеете в виду «метод визуализации в каждом дочернем узле» ... – zmo

Я говорил это. Var childNodes = node.getChildren(); if (childNodes ! = null) { for (var i = 0; i Billa

-1

являются Scriptpath правильно?

Вы загружаете «jquery.js, jquery-ui.custom.js, ui.fancytree.css и jquery.fancytree.js»?

источник

2013-02-14 15:35:09 Evolutio

Да. То, что я упоминал в вопросе. Нужно ли переименовывать скопированные файлы для загрузки? – Billa

JQuery Fancy Дерево с локального массива данных

ответ

Смежные вопросы