ztree 修改数据默认勾选节点数据回显

最新推荐文章于 2024-03-21 19:15:08 发布

原创最新推荐文章于 2024-03-21 19:15:08 发布 · 1.4w 阅读

4 ·

CC 4.0 BY-SA版权

ztree 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ZTree插件实现多选功能，包括通过ID选择节点、设置节点为选中状态及获取选中节点的名称。具体涉及使用treeObj.getNodesByParam方法定位节点，并利用checkNode方法实现节点的勾选。

var treeObj = $.fn.zTree.getZTreeObj(treeid);
var data = $("#hiddentree"+'${model.objUid}').val();
var datas = data.split(',');
var inputtree = '';
var d = '';
for(var i = 0;i<datas.length;i++){
	treeObj.checkNode(treeObj.getNodesByParam("id", datas[i],null)[0],true, true);
	inputtree += treeObj.getNodesByParam("id", datas[i],null)[0].name+",";
	d = inputtree.substring(0,inputtree.length-1);
	$("#inputtree"+'${model.objUid}').val(d);
}
注：treeid：tree的ID
    treeObj：tree对象
	treeObj.getNodesByParam("id", datas[i],null)[0] 根据键值获取相应的节点，[0]获取第一个object就是你需要的数据节点
	treeObj.checkNode(nodes,true,true)checkNode方法根据相应节点，进行勾选
	treeObj.getNodesByParam("id", datas[i],null)[0].name 获取节点数据的相应的属性