Как использовать дерево дерева дтри

Question

Я хочу превратить обычный вложенный список в сворачиваемую древовидную структуру, такую ​​как dtree . Сейчас у меня есть список в виде HTML с вложенными тегами, я хочу реализовать такого рода дерево, но мне нужно несколько шагов, как это сделать. Сайт не очень хорошо объясняет это.

Спасибо!

Тарик

Answer 1

Это код, который нужно использовать после того, как вы включили правильные файлы javascript, которые предоставляет dtree:

//Create the tree
d = new dTree('d');

//Add a node and keep adding the rest of the nodes until they are all in there
d.add(
      1, //Unique id for the node
      -1, //Parent node -- use -1 for root
      'My node', //Text Label for the node 
      'node.html', //Url for the node
      'node title', //Title for the node
      'mainframe', //Target for the node when opening the url
      'img/musicfolder.gif' //Icon image. Uses default if not specified
      'img/musicfolderOpen.gif' //Open Icon image. Uses default if not specified
      true //Whether the node is open or not (optional)
     );

//write the node to the html page
document.write(d);

Я рекомендую использовать более простое дерево JavaScript, такое как «Простое меню дерева», которое проще в настройке.Простое древовидное меню можно найти здесь:

http://www.generalflows.com/www/software#sys/SimpleTreeMenuView

JS можно скачать здесь:

http://www.generalflows.com/js/lib/jquery/jquery-simpleTreeMenu-1.0.0.js