jsTree: asynchrone laden

Ich versuche, mit diesem jQuery-plugin jsTree) in einem von meinem Projekt.

Alle anderen, die ich gefunden habe, haben nicht erst kürzlich aktualisiert.

Wie auch immer, ich bin mit diesem plugin zu laden Sie eine Ordner-Struktur, aber ich würde dies gerne tun
Betrieb async.
Die Beispiele, die ich gefunden habe auf deren Seite (async) sind lächerlich.
Ich habe versucht, im Internet zu überprüfen, aber es scheint, dass die meisten Leute laden den ganzen Baum.
Ich würde gerne laden Sie ein Zweig, auf jedem einzelnen Knoten auf.
Ich bin mit JSON.

Danke im Voraus

  • Das beste, was mir hilft, ist ein anständig ausführlichen Beispiel, ich habe versucht, dafür zu sorgen, dass unten...Kommentar Fragen, was das bringt, und ich werde versuchen und beantworten Sie Sie.
InformationsquelleAutor LeftyX | 2010-03-11
  1. 8

    Ich bin mit diesem mit jsTree in jQuery 1.4 im moment, hier ein Beispiel, es ist sehr unkomprimierte, um es ein bisschen klarer:

    $("#QuickNav").tree({
  data: {
    async: true,
    type: "json",
    opts: {
      method: "POST",
      url: rootPath + "QuickNav"
    }
  },
  callback: {
    beforedata: function(NODE, TREE_OBJ) {
      return $(NODE).attr("id") === "" ?
       { id: $(NODE).find("a:first").attr("id")} :
       { id: $(NODE).attr("id") || 0 };
    },
    onchange: function(NODE) {
      document.location.href = $(NODE).children("a:first").attr("href");
    }
  }
});

    Einer Stichprobe von JSON-ich bin der Rückkehr von dieser Url:

    [{
    "data": {
        "title": "Title (<b link='/Thing/200' class='gtp'>Go to Page</b>)",
        "attributes": {
            "href": "#",
            "id": "200"
        }
    },
    "state": "closed"
}]

    Id es ist die einzige Sache, die übergeben zu meiner web-service-Methode Rückrufe, was in JSON wie diese zurückgegeben:

    [{
    "data": {
        "title": "Sites",
        "attributes": {
            "href": "#",
            "class": "TreeTitle"
        }
    },
    "state": "open",
    "children": [
        {
            "data": {
                "title": "00001 - Test Thing",
                "type": "link",
                "attributes": {
                    "href": "/Site/39063",
                    "class": "TL"
                }
            }
        },
        {
            "data": {
                "title": "00002 - Test Thing 2",
                "type": "link",
                "attributes": {
                    "href": "/Site/39069",
                    "class": "TL"
                }
            }
        }
    ]
}]
    • Vielen Dank! Die docs machen nicht deutlich, wie man sub-Knoten belastbar sein. Es sieht einfach wie das hinzufügen von "state":"geschlossen" wird es tun. Und das hinzufügen eines id-Attributs können Sie Ihre json-backend-wissen, was zu bekommen.
    InformationsquelleAutor Nick Craver
Schreibe einen Kommentar