❶ javascript框架jquery ztree中的simpledata參數是什麼意
1.首先在頁面上有<ul/>標簽
<ul id="tree" class="ztree"></ul>
2.定義ztree的配置參數
var setting = {
//check屬性放在data屬性之後,復選框不起作用
check: {
enable: true
},
data: {
simpleData: {
enable: true
},
}
};
3.獲得ztree所要綁定的數據,可以使用靜態數據也可以使用ajax獲取的數據
a)Ztree的數據有兩種格式,標准格式如下:
標準的 JSON 數據需要嵌套表示節點的父子包含關系
例如:
var nodes = [
{
name: "父節點1",
open:true,
children: [
{name: "子節點1"},
{name: "子節點2"}
]
}
];
b)簡單數據格式如下(推薦使用):
簡單模式的 JSON 數據需要使用 id/pId表示節點的父子包含關系,如使用其他屬性設置父子關聯關系請參考setting.data.simple內各項說明
例如:
var nodes = [
{id:1, pId:0, name: "父節點1"},
{id:11, pId:1, name: "子節點1"},
{id:12, pId:1, name: "子節點2"}
];
簡單數據的id,pId,name,title都可以在setting的data中進行配置,指定相應的欄位。
在setting的data中配置simpleData為enable:true即表示使用簡單數據格式,不配置或配置為false則為標准數據格式.
var setting = {
data: {
simpleData: {
enable: true
}
}
};
4.初始化ztree生成樹
$.fn.zTree.init($("#tree"), setting, nodes);
第一個參數是<ul/>id選擇的jquery對象,第二個參數是配置的setting,第三個參數是獲取到的數據.