JSTree--JSON--AJAX動態載入JSON資料
專案中往往結點往往需要動態從資料庫中載入,JSON資料比xml資料更高效。
例子1:從json檔案載入資料
$(function() {
$("#demo1").jstree({
"json_data" : {
"ajax" : {
"url" : "_json_data.json",
"data" : function(n) {
alert(n);
return {
id : n.attr ? n.attr("id") : 0
};
}
}
},
"plugins" : [ "themes", "json_data" ]
});
});
例子2:從jsp或servlet載入資料
$("#demo2")
.jstree(
{
"json_data" : {
"data" : [ {
"data" : {
"title" : "A node"
},
"attr" : {
"id" : 0
},
"state" : "closed"
}, {
"attr" : {
"id" : "li.node.id"
},
"data" : {
"title" : "Long format demo",
"attr" : {
"href" : "#"
}
}
} ],
"ajax" : {
"url" : "../../watch/admin_tree_xml.jsp",
"data" : function(n) {
return {
id : n.attr ? n.attr("id") : 0,
rand : new Date().getTime()
};
}
}
},
"plugins" : [ "themes", "json_data"]
});