ztree是一個基于jQuery的樹插件,支持異步加載子節點的功能。以下是實現異步加載子節點的方法:
async
屬性為true
,表示啟用異步加載模式。async.url
屬性為異步請求的URL,用于獲取子節點數據。async.enable
屬性為true
,表示啟用異步加載子節點的功能。isParent
字段來表示該節點是否還有子節點,如果有子節點,則設置isParent
為true
,否則設置為false
。children
字段來表示該節點的子節點數據,如果沒有子節點,則可以不返回children
字段,或者將其設置為空數組。以下是一個示例代碼:
var setting = {
async: {
enable: true,
url: "異步請求的URL",
type: "GET", // 異步請求的方法,默認為GET
dataType: "json" // 異步請求的數據類型,默認為json
}
};
// 初始化ztree
$.fn.zTree.init($("#tree"), setting);
// 異步請求的URL返回的數據格式示例
[
{
"name": "節點1",
"isParent": true, // 有子節點
"children": [
{
"name": "子節點1"
},
{
"name": "子節點2"
}
]
},
{
"name": "節點2",
"isParent": false // 沒有子節點
}
]
通過以上方式設置ztree的相關配置,即可實現異步加載子節點的功能。