官方文档:https://treejs.cn/v3/api.php
参考文档:https://www.cnblogs.com/fonour/p/zTree.html

$.fn.zTree.init 返回值
zTree 对象,提供操作 zTree 的各种方法,对于通过 js 操作 zTree 来说必须通过此对象
如果不需要自行设定全局变量保存,可以利用 $.fn.zTree.getZTreeObj 方法随时获取

var tree = $.fn.zTree.init($("#stationItemTree"), setting, null);  //init:zTree 初始化方法,创建 zTree 必须使用此方法
var nodes = tree.transformToArray(tree.getNodes()); //全部节点数据   Array 仅仅是根节点的集合(默认情况子节点都处于 children 属性下);如需遍历全部节点需要利用递归,或利用 transformToArray 方法 将数据变成简单的 Array 集合

var treeObj = $.fn.zTree.getZTreeObj(treeId);   //zTree 对象,提供操作 zTree 的各种方法,对于通过 js 操作 zTree 来说必须通过此对象
var nodes = treeObj.getSelectedNodes();         //获取 zTree 当前被选中的节点数据集合
treeNode = treeObj.getNodes()[0];               //全部节点数据   Array 仅仅是根节点的集合(默认情况子节点都处于 children 属性下);如需遍历全部节点需要利用递归,或利用 transformToArray 方法 将数据变成简单的 Array 集合
treeObj.expandNode(treeNode, true);             //展开 / 折叠 指定的节点
treeObj.selectNode(treeNode);                   //选中指定节点
treeObj.cancelSelectedNode(treeNode);           //取消节点的选中状态。

简单数据格式

var nodes = [
    {id:1, pId:0, name: "父节点1"},
    {id:11, pId:1, name: "子节点1"},
    {id:12, pId:1, name: "子节点2"}
];

增加节点

addNodes(parentNode,index,newNodes,isSlient)

parentNode:指定的父节点,如果增加根节点,请设置 parentNode 为 null 即可

index:新节点插入的位置(从 0 开始),index = -1 时,插入到最后,此参数可忽略

newNodes:需要增加的节点数据 JSON 对象集合,数据只需要满足 zTree 的节点数据必需的属性即可

isSilent:true 时,添加节点后不展开父节点,其他值或缺省状态都自动展开

勾选或取消勾选全部节点

checkAllNodes(checked);

checked参数为true时全部勾选,为false时全部取消勾选。

勾选或取消勾选单个节点

checkNode(node, checked, checkedTypeFlag,callbackFlag);

node:要进行操作的节点

checked:为true勾选,为false取消勾选

checkeTypeFlag:为true表示对当前结点的子节点及父节点进行勾选状态的联动,为false不联动

callbackFlag:为true时表示执行beforeOnCheck和onCheck事件的回调函数,为false不执行

编辑节点

edit(node); 使节点处于编辑状态,必须引用jquery.ztree.exedit 扩展。

展开或折叠全部节点

expandAll(expand);

expand为true是展开所有节点,为false是折叠所有节点。

根据节点属性查找结点

getNodesByParam(key,value, parentNode);

key:属性名

value:属性值

parentNode:是否在指定节点下查找,为null表示整个树查找。

获取被勾选或未被勾选的节点集合

getCheckedNodes(checked);

checked为true表示获取所有被勾选的节点集合,为false表示所有未被勾选的节点集合

获取输入框勾选状态被改变的节点集合

getChangeCheckedNodes()

posted on 2022-06-15 15:07  竹516  阅读(284)  评论(0)    收藏  举报