bootstrap-treeview 实现全选父节点下所有子节点及反选

转(https://www.augsky.com/992.html)


<div id="treeview-checkable"></div>

$(function() {
 var $checkableTree = $('#treeview-checkable')
                .treeview({
                    data: getTvStateData(), //数据
                    showIcon: false,
                    showCheckbox: true,
                    levels: 1,
                    onNodeChecked: function(event, node) { //选中节点
                        var selectNodes = getChildNodeIdArr(node); //获取所有子节点
                        if (selectNodes) { //子节点不为空,则选中所有子节点
                            $('#treeview-checkable').treeview('checkNode', [selectNodes, { silent: true }]);
                        }
                        var parentNode = $("#treeview-checkable").treeview("getNode", node.parentId);
                        setParentNodeCheck(node);
                    },
                    onNodeUnchecked: function(event, node) { //取消选中节点
                        var selectNodes = getChildNodeIdArr(node); //获取所有子节点
                        if (selectNodes) { //子节点不为空,则取消选中所有子节点
                            $('#treeview-checkable').treeview('uncheckNode', [selectNodes, { silent: true }]);
                        }
                    },
                    onNodeExpanded:
                        function(event, data) {
                            if (data.nodes === undefined || data.nodes === null) {
                               
                            } else if (data.tags[0] === "2") {
                                alert("Tags 2");
                            } else {
                                alert("1111");
                            }
                        }
                });
 });

function getChildNodeIdArr(node) {
            var ts = [];
            if (node.nodes) {
                for (x in node.nodes) {
                    ts.push(node.nodes[x].nodeId);
                    if (node.nodes[x].nodes) {
                        var getNodeDieDai = getChildNodeIdArr(node.nodes[x]);
                        for (j in getNodeDieDai) {
                            ts.push(getNodeDieDai[j]);
                        }
                    }
                }
            } else {
                ts.push(node.nodeId);
            }
            return ts;
        }


        function setParentNodeCheck(node) {
            var parentNode = $("#treeview-checkable").treeview("getNode", node.parentId);
            if (parentNode.nodes) {
                var checkedCount = 0;
                for (x in parentNode.nodes) {
                    if (parentNode.nodes[x].state.checked) {
                        checkedCount ++;
                    } else {
                        break;
                    }
                }
                if (checkedCount === parentNode.nodes.length) {
                    $("#treeview-checkable").treeview("checkNode", parentNode.nodeId);
                    setParentNodeCheck(parentNode);
                }
            }
        }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值