jQuery中ztree的用法是什么

jquery

小亿

2023-12-11 16:55:53

栏目: 编程语言

在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的一些基本用法，还有很多其他功能和配置可用于满足不同的需求。更详细的用法可以参考官方文档或搜索相关教程。

jQuery中ztree的用法是什么

最新问答

相关标签