关于对Bootstrap.Table插件选择节点,全选所有子节点的问题?
程序员文章站
2022-03-04 11:49:26
...
之前在网上也是看到过很多关于对全选所有字节的的一些代码,但是不知道是什么原因,总是存在一些问题,然后我就进行了一些改进,不知道还会不会有些别的什么样的问题,反正当前的我的问题是得到了解决,所以就分享了出来。
重复的代码我就不写了,依据我第一篇的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树的一些改进,其实也没有改变什么,这个在我的项目中是没有什么问题的,如果大家在使用过程中有什么问题,可以私信我,但可能我忙的时候不能马上给你解决,所以还要大家理解。
上一篇: 中国食品有哪些知名的品牌?