wie append-json-variable als Kind-Knoten mit "jstree" jquery-plugin - kein ajax

Ich habe einen jsTree mit dem json-Datenformat.
Laden Sie die root-nodeset ist in Ordnung.

Mein problem ist wie append child-Knoten an den übergeordneten Knoten, auf die geklickt wurde.

JEDE mögliche Hilfe würde geschätzt.

Dank!

    $("#tree-cat1")
    .bind("open_node.jstree", function (event, data) {
        console.log(data.rslt.obj.attr("id"));
        //eval(loadChild());
        //at this point i need to append the result of loadChild() to the tree under the relevant node
    })
    .jstree({
        "json_data": {
            "data": eval(loadRoot())
        },
        "themes": {"theme": "classic","dots": true,"icons": true},
        "plugins": ["themes", "json_data", "ui"]
    })

function loadRoot() {
    return "[{'data':'A node','state':'closed','attr':{'id':'A'}}]";
}
function loadChild() {
    return "[{'data':'A1 node','attr':{'id':'A1'}}]";
}
  • möchten Sie die Kinder jedes mal, wenn der Knoten geöffnet werden? warum Sie nicht verwenden die 'Kinder' - Eigenschaft, um Elemente anfügen, die an Baum-Initialisierung
  • jedes mal, wenn Knoten expandiert, die ich ausführen von oracle-Abfragen, um Daten (alle innerhalb von javascript). Die zurückgegebenen Daten in eine js-variable. ich habe dann zu füllen Baum mit zurückgegebenen Daten an der entsprechenden Stelle im Baum (siehe code-Beispiel)
InformationsquelleAutor lance | 2011-10-27
  1. 2

    Dokumentation ist hier zu sehen: jsTree Doku

    BEARBEITEN

    hier ist der code, müssen Sie ändern Sie die url zu Ihrem Ziel, versuchen Sie es

    html: 

    <div id="tree-cat1"></div>

    js: 

     $("#tree-cat1").jstree({
    "plugins": ["themes", "json_data", "ui"],
    "themes": {"theme": "classic","dots": true,"icons": true},
    "json_data": {
          //root elements
        "data": [{"data":'A node',"state":'closed',"attr":{"id":'A'}}], 
        "ajax": {
            "type": 'POST',
            "data": {"action": 'getChildren'},
            "url": function (node) { 
                var nodeId = node.attr('id'); //id="A"

                return 'yuorPathTo/GetChildrenScript/' + nodeId;
            },
            "success": function (new_data) {
                //where new_data = node children 
                //e.g.: [{'data':'A1 node','attr':{'id':'A1'}}, {'data':'A2 node','attr':{'id':'A2'}}]
                return new_data;
            }
        }
    }
});

    ALTEN TEIL

    so etwas aufgefüllt wird geöffnet Knoten mit Kindern, wenn nicht schon geschehen:

     ...
    "json_data": {
          //root elements
        "data": [{"data":'A node',"state":'closed',"attr":{"id":'group_A'}}], 
        "ajax": {
            "type": 'POST',
            "data": {"action": act.GET_GROUPREPORTS},
            "url": function (node) { 
                var nid = node.attr('id'); //id="group_A"
                nid = nid.substr(nid.lastIndexOf('_')+1);

                return module.getDBdata_path + nid;
            },
            "success": function (data) {
                var rid, new_data = data;

                if (typeof data[0] === 'undefined') {
                    new_data = [];
                    for (rid in data) {
                        if(data.hasOwnProperty(rid)) {
                          new_data.push({"data": data[rid], 
                               "attr": {"id": 'rprefix_'+rid, 
                                        "title": ' ', 
                                        "rel": 'report',
                                        "href": module.repView_path+rid
                              }
                          });
                        }
                    }
                }
                return new_data;
            }
        }
    }, ...
    • Dank Irishka, aber ich kann immer noch nicht bekommen es funktioniert. Ich habe versucht, Ihren Vorschlag mit Hilfe des ajax-Objekt, aber irgendwo fehlt mir etwas. Wenn Sie Zeit haben, könnten Sie mein Beispiel als basis für Ihre Lösung? Wenn wir auf diese arbeiten würde ich schulde dir große Zeit!
    • Veränderungen sehen ich habe bearbeitet die Antwort
    InformationsquelleAutor Irishka
Schreibe einen Kommentar