欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

相关标签: treeview