关于对Bootstrap.TreeView插件选择节点,全选所有子节点的问题?

之前在网上也是看到过很多关于对全选所有字节的的一些代码,但是不知道是什么原因,总是存在一些问题,然后我就进行了一些改进,不知道还会不会有些别的什么样的问题,反正当前的我的问题是得到了解决,所以就分享了出来。

重复的代码我就不写了,依据我第一篇的treeview树的基础上进行的一下操作。
$('#Tree').treeview({
			data: obj,
			levels:1 , //默认显示子级的数量
			collapseIcon:" glyphicon glyphicon-folderopen", //收缩节点的图标
			expandIcon:"glyphicon glyphicon-folder-close",    //展开节点的图标
			showIcon: false,
			showCheckbox:true,
			icon:"glyphicon glyphicon-music",
		    onNodeChecked: function(event, node) { //选中节点
        	 var selectNodes = getNodeIdArr(node); //获取所有子节点
          	 if(selectNodes){
				$('#TreeFrom').treeview('checkNode', [selectNodes, { silent: true }]);
		          	}
		        },
	         onNodeUnchecked: function (event, node) { //取消选中节点
        	 var selectNodes = getNodeIdArr(node);//获取所有子节点
   	        if(selectNodes){ //子节点不为空,则取消选中所有子节点		
   	        
 
			

> **其实我的问题就出现在这里,当我想要取消这个checkbox的时候,它的这个属性确实起到了作用,但是在页面中,checkbox框却还是在选择状态,于是进行了一下的操作!**

	 	    
	 	        $('#TreeFrom').treeview('checkNode', [selectNodes, { silent: true }]);//先去选中这个checkbox;
	  	        $('#TreeFrom').treeview('uncheckNode', [ selectNodes,{ silent: true }]);//然后在去掉这个checkbox;
   	        	//这样操作完成后,就把子元素下的所有节点都取消掉了,页面显示也没有问题;
			        }
		        }
			})

这些就是我对这个treeview树的一些改进,其实也没有改变什么,这个在我的项目中是没有什么问题的,如果大家在使用过程中有什么问题,可以私信我,但可能我忙的时候不能马上给你解决,所以还要大家理解。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值