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

