欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

dojo json樹

錢良釵2年前10瀏覽0評論

Dojo是一個JavaScript的工具庫,它提供了很多實用的工具方便開發者使用,其中JSON樹是其提供的一個非常實用的功能。JSON樹可以在前端輕松地實現數據的分類、查找和展示。

使用Dojo實現JSON樹非常簡單,只需要幾個步驟:

//引入dojo的tree模塊
require(["dojo/store/Memory", "dojo/store/Observable", "dojo/store/JsonRest", "dojo/json", "dojo/tree/ObjectStoreModel",
"dijit/Tree", "dojo/domReady!"],
function(Memory, Observable, JsonRest, json, ObjectStoreModel, Tree){
//1.構建store
var restStore = new JsonRest({target: "http://yourserver/rest/"});
var memoryStore = new Observable(new Memory({ idProperty: "id" }));
//2.加載數據
restStore.query({parentId:null}).then(function(data){
memoryStore.setData(data);
});
//3.轉換成dojo所需的model
var model = new ObjectStoreModel({
store: memoryStore,
query: {parentId: null},
labelAttr: "name",
mayHaveChildren: function(item) {
return item.hasChildren;
},
getChildren: function(item, onComplete){
var query = {parentId: item.id};
restStore.query(query).then(function(data){
onComplete(data);
});
}
});
//4.構建tree
var tree = new Tree({
model: model
}, "treeDivId");
});

以上代碼中,先引入dojo需要的庫,然后構建store,加載數據,轉換成model,最后構建tree。值得注意的是,為了使樹有層次結構,需要在store的數據結構中加入parentId字段。

通過以上代碼,我們可以輕松實現查找和展示JSON數據的功能。相信Dojo的JSON樹會成為前端開發的熱門選擇之一。