jQuery.fn.zTree.init是一個基于jQuery的樹形控件，用于在web頁面上展現(xiàn)樹形結(jié)構(gòu)的數(shù)據(jù)。這個控件支持異步加載、多選、自定義節(jié)點圖標以及節(jié)點編輯等功能。

// 初始化樹形控件
var zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);

在初始化該控件時，需要傳入三個參數(shù)：

• 第一個參數(shù)：表示樹形控件要展示的DOM元素，需要使用jQuery選擇器獲取到響應(yīng)的DOM元素；
• 第二個參數(shù)：表示樹形控件的配置項，包含了展示方式、異步加載方式和回調(diào)函數(shù)等；
• 第三個參數(shù)：表示樹形控件的節(jié)點數(shù)據(jù)，可以是一個靜態(tài)的JSON對象，或者是一個異步請求獲取到的動態(tài)數(shù)據(jù)。

// 配置項
var setting = {
// 節(jié)點數(shù)據(jù)
data: {
simpleData: {
idKey: "id",
pIdKey: "pId",
enable: true
}
},
// 異步加載數(shù)據(jù)
async: {
enable: true,
url: "/data/getNodes",
autoParam: ["id"]
},
// 回調(diào)函數(shù)
callback: {
onClick: function(event, treeId, treeNode) {
console.log(treeNode.name);
}
}
};

上述代碼展示了樹形控件的一些配置項，比如數(shù)據(jù)類型、異步加載的URL以及節(jié)點點擊事件的回調(diào)函數(shù)等。通過設(shè)置這些配置項，可以實現(xiàn)不同的功能需求。