asynchronous - プリロードされたデータとのjsTree非同期

Question

ツリービューを非同期にしようとしています。ページがレンダリングされると、デフォルトのツリーアイテムが表示されます。jsTreeはとにかくルートをリロードしようとします。

ajax呼び出しではなく、ブラウザーからレンダリングされたデフォルトのアイテムを使用して（jsTreeを初期化して）ページをレンダリングしたい。次に、ユーザーはさらに深く掘り下げようとします。それは、私がajax呼び出しを実行したいときです。

どんな助けでも大歓迎です。ありがとう！

Answer 1

ドキュメントから:データとajaxの両方が設定されている場合、初期ツリーはデータ文字列からレンダリングされます。閉じたノード (ロードされた子を持たない) を開くと、AJAX 要求が行われます。

例、

$(function () {
$("#demo4").jstree({ 
    "json_data" : {
        "data" : [
            { 
                "data" : "A node", 
                "state" : "closed"
            },
            { 
                "attr" : { "id" : "li.node.id" }, 
                "data" : { 
                    "title" : "Long format demo", 
                    "attr" : { "href" : "#" } 
                } 
            }
        ],
        "ajax" : { "url" : "/static/v.1.0rc/_docs/_json_data.json" }
    },
    "plugins" : [ "themes", "json_data" ]
});
});