jQuery.jsTree ライブラリを試していて、助けが必要です。json_data
誰かが外部.json
ファイルから読み取る方法についてアドバイスしてください。
$("#treeDemo").jstree({
"plugins" : [ "themes", "json_data", "ui", "types" ],
//"json_data": {
// "ajax" : {
// "url" : "Series.json"
// }
//},
"json_data" : {
"data" : [{"data":"Series 1","children":[{"data":"Season 1","children":[{"data":"Episode 1.avi","attr":{"rel":"file"}},{"data":"Episode 2.avi","attr":{"rel":"file"}},{"data":"Episode 3.avi","attr":{"rel":"file"}}],"attr":{"rel":"folder"}},{"data":"Season 2","children":[{"data":"Episode 4.avi","attr":{"rel":"file"}},{"data":"Episode 5.avi","attr":{"rel":"file"}}],"attr":{"rel":"folder"}}],"attr":{"rel":"folder"}},{"data":"Series 2","children":[{"data":"Season 1","children":[{"data":"Episode 1.avi","attr":{"rel":"file"}},{"data":"Episode 2.avi","attr":{"rel":"file"}},{"data":"Episode 3.avi","attr":{"rel":"file"}},{"data":"Episode 4.avi","attr":{"rel":"file"}}],"attr":{"rel":"folder"}}],"attr":{"rel":"folder"}},{"data":"Series 3","children":[{"data":"Episode 1.avi","attr":{"rel":"file"}},{"data":"Episode 2.avi","attr":{"rel":"file"}}],"attr":{"rel":"folder"}},{"data":"Series 1","children":[{"data":"Episode 1.avi","attr":{"rel":"file"}}],"attr":{"rel":"folder"}},{"data":"Series 2","children":[{"data":"Episode 1.avi","attr":{"rel":"file"}},{"data":"Episode 2.avi","attr":{"rel":"file"}}],"attr":{"rel":"folder"}}]
},
"types" : {
"max_depth" : -2,
"max_children" : -2,
"valid_children" : ["drive"],
"types" : {
"folder" : {
"valid_children" : ["default", "folder"],
"icon" : {
"image" : "images/folder.png"
}
},
"file" : {
"valid_children" : "none",
"icon" : {
"image" : "images/file.png"
}
}
}
},
"themes" : {
"theme" : "default",
"url" : "themes/default/style.css",
"dots" : true,
"icons" : true
},
"search" : {
"case_insensitive" : true,
"ajax" : {
"url" : "/static/v.1.0pre/_docs/_search_result.json"
}
}
})
したがって、上記のコードは jsTree の動作どおりに機能します。コメント付きのjson_data
プラグインは、指定された「Series.json」ファイルからまったく同じ JSON データを読み取ると想定されていますが、コードを実行すると、読み込み中の gif のみが表示されます。
助けてください。
前もって感謝します、グラント