jstreeの外部jsonファイルからデータをロード

Question

外部ファイルからjstreeオブジェクトにjsonデータを渡したいと思います。私は、スニペットを以下しているが、それはしませ働くん

<script> 
      $.jstree.defaults.core.themes.responsive = true; 
$('#frmt').jstree({ 
    plugins: ["checkbox", "types"], 
    "json_data":{ 
    "ajax" : { 
     "url" : "D:\p\web\nodes.json" // the URL to fetch the data. Use relative url if required 
    } 
}, 
     "types": { 
     "file": { 
      "icon": "jstree-file" 
     } 
    } 
}); 
</script> 

マイnodes.jsonファイル

[ 
{ 
    "id": "ajson1", 
    "parent": "#", 
    "text": "Simple root node" 
}, 
{ 
    "id": "ajson2", 
    "parent": "#", 
    "text": "Root node 2" 
}, { 
    "id": "ajson3", 
    "parent": "ajson2", 
    "text": "Child 1" 
}, { 
    "id": "ajson4", 
    "parent": "ajson2", 
    "text": "Child 2" 
} 
] 

私はJavaScriptでこのデータを手動で挿入すると、それが正常に動作しますが、私は、ノードのパスを割り当てるとき.json外部ファイルは動作しません。

Answer 1

使用しているjstreeのバージョンは？現在のバージョンは3.3.1です。古いバージョンにはjson_dataというプラグインがあり、プラグインリストに "json_data"を追加する必要がありました。最新バージョンを使用している場合は、 "json_data"を使用する必要はありません。単に "url"を使用することができます。以下の例を参照してください。

$('#tree').jstree({ 
    'core' : { 
     'data' : { 
      'url' : function (node) { 
       return node.id === '#' ? 'ajax_roots.json' : 'ajax_children.json'; 
      }, 
      'data' : function (node) { 
       return { 'id' : node.id }; 
      } 
     } 
    });