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