Ztree的使用默认勾选,并且打开树状结构展开勾选的层级

选中节点再次打开之后默认勾选之前选中的节点

//选中节点展示
var productCodeList=product_code.split(';');//productCodeList是后端传过来的之前选中的数组
if(productCodeList!=""){
   
  for(var i=0;i<productCodeList.length;i++){
   
	  var node = treeobj.getNodeByParam("id",productCodeList[i]);
 	  if(node != null) {
   
 		treeobj.checkNode(node, true)
	  }

	}
} 

再次打开树状结构之后默认勾选之前选中的并且打开选中节点的层级

//展开默认选中节点
var tree = $.fn.zTree.getZTreeObj("treeDemo");
var nodes=tree.getCheckedNodes(true); 
for(var j=0;j<nodes.length;j++){
   
	var node = tree.getNodeByParam("id",nodes[j].id);
	var parent = node.getParentNode();
	//判断是否有子节点
	if(parent){
   
		if(!parent.open){
   
			tree.expandNode(parent,true,true);
		}
		tree.checkNode(node , true,true); 
		
	}
	
}

完整代码附上
带搜素框的树状结构展示

<table class="gritter-with-table" id="productsearch" cellspacing="1" style="display: table;">
		<tbody>
		<tr>
		<td style="border-right: none;width:50%; ">
		<input type="text" id="keyWord" class="form-control" value="" style=" " placeholder="请填写查询关键字">
		</td>
		
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值