wie zu verwenden dtree javascript tree

Ich möchte eine normale verschachtelte Liste in eine auch zerlegbar Baum wie Struktur wie dtree. Ich habe die Liste jetzt als html mit verschachtelten tags, die ich umsetzen will, diese Art von Baum, müssen aber einige Schritte auf, wie es zu tun. Die Website nicht machen einen sehr guten job zu erklären, es.

Dank!

tariq

InformationsquelleAutor triq | 2011-07-21
  1. 1

    Dies ist der code zu verwenden, nachdem Sie die richtigen javascript Dateien, die dtree bietet:

    //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);

    Empfehle ich eine einfachere javascript-Baum wie 'Simple Tree-Menü", die einfacher einzurichten ist. Einfache Baum-Menü kann hier gefunden werden:

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

    Js kann hier heruntergeladen werden:

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

    • wie wollen Sie laden Sie diese ein?
    • generalflows.com/js/lib/jquery/jquery-simpleTreeMenu-1.0.0.js
    • so ich downloaden Sie dieses js und importieren Sie Sie in die html-Datei, dann erstelle ich die verschachtelte Liste <ul> <li> - tags? rufen Sie dann die js mit jQuery('#myMenuTree').simpleMenuTree(); Befehl?
    • Das ist richtig. Auch stellen Sie sicher, dass Ihr ul hat die id 'myMenuTree' etwa so: <ul id="myMenuTree">
    • ist dies nicht funktioniert, kann ich haveto rufen Sie die jQuery('#myMenuTree').simpleMenuTree(); wenn die geschachtelte Liste?
    • jquery(Dokument).ready(function() { jQuery('#myMenuTree').simpleMenuTree(); });

    InformationsquelleAutor zachzurn
Schreibe einen Kommentar