jQuery中ztree的用法是什么

在jQuery中，ztree是一個基于jQuery的樹插件，用于在網頁中顯示樹形結構的數據。它支持多種功能，包括展開/折疊節點、選中/取消選中節點、增刪改查節點、異步加載數據等。

下面是ztree的一些常見用法：

初始化樹：

$(document).ready(function(){
    var zTreeObj;
    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        }
    };
    var zNodes = [
        { id:1, pId:0, name:"父節點1"},
        { id:11, pId:1, name:"子節點1"},
        { id:12, pId:1, name:"子節點2"}
    ];
    zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
});

獲取選中的節點：

var nodes = zTreeObj.getSelectedNodes();
if (nodes.length > 0) {
    console.log("選中的節點名稱：" + nodes[0].name);
}

添加節點：

var newNode = { id:2, pId:1, name:"子節點3"};
zTreeObj.addNodes(nodes[0], newNode);

刪除節點：

zTreeObj.removeNode(nodes[0]);

更新節點：

nodes[0].name = "新名稱";
zTreeObj.updateNode(nodes[0]);

以上是ztree的一些基本用法，還有很多其他功能和配置可用于滿足不同的需求。更詳細的用法可以參考官方文檔或搜索相關教程。

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

最新問答

相關標簽