温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

zTree点击节点内容改变当前节点及下级(一级)节点的状态

发布时间:2020-08-11 23:59:21 来源:网络 阅读:848 作者:pannijingling 栏目:开发技术
var zTree = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
var setting = {
        check: {
                enable: true,
                chkStyle: "checkbox",
                chkboxType: {
                        "Y": "ps",
                        "N": "s"
                }
        },
        data: {
                simpleData: {
                        enable: true
                }
        },
        view: {
                showIcon: false
        },
        callback: {
                onClick: function zTreeOnClick(event, treeId, treeNode) {
                        var checkedFlag = treeNode.checked;
                        if (checkedFlag) {
                                // 如果已经选中,则取消选中状态
                                setChildrenCheckedState(treeNode, false);
                        } else {
                                // 如果没有选中,则设置为选中状态
                                setChildrenCheckedState(treeNode, true);
                        }
                }
        }
};

//设置选中的节点treeNode下所有的子节点的选中状态
function setChildrenCheckedState(treeNode, flag) {
        // 设置被点击的节点选中状态
        treeNode.checked = flag;
        // 需要更新才能正确显示更新后的状态
        zTree.updateNode(treeNode);

        if (treeNode.isParent) {
                for (var obj in treeNode.children) {
                        treeNode.children[obj].checked = flag;
                        zTree.updateNode(treeNode.children[obj]);
                }
        }
}
向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI