首页 > 其他 > 详细

ztree中如何通过点击节点文字就可以选中节点前的选择框,并且父级和子级之间进行选择联动?

时间:2019-11-26 22:03:13      阅读:189      评论:0      收藏:0      [点我收藏+]

配置信息如下:

var UsersTreeSetting = {
        check : {
            enable : true,
            chkboxType : {
                "Y" : "ps",
                "N" : "ps"
            }
        },
        view : {
            dblClickExpand : false,
            selectedMulti: false
        },
        data : {
            simpleData : {
                enable : true
            }
        },
        callback : {
            beforeClick : function(treeId, treeNode) {
                var zTree = $.fn.zTree.getZTreeObj("add-user-modal-users-tree");
                zTree.checkNode(treeNode, !treeNode.checked, true, true);
                return true;
            },
            onCheck : function(e, treeId, treeNode) {
                var zTree = $.fn.zTree.getZTreeObj("add-user-modal-users-tree"),
                    nodes = zTree.getCheckedNodes(true), 
                    v = "";
                chosenUsersIds = [];
                for (var i = 0, l = nodes.length; i < l; i++) {
                    if (nodes[i].isParent) {

                    } else {
                        //v += nodes[i].name + ",";//只获取最末端节点的值
                        chosenUsersIds.push(nodes[i].id);
                    }
                }
                if(chosenUsersIds.length == 0){
                    toastr.info("当前选择的用户数为0哦!", "信息提示");
                }
//                 if (v.length >= 0){
//                     v = v.substring(0, v.length - 1);
//                     $("#add-user-modal-users").val(v).change();
//                     console.log(v);
//                 }
            }
        }
};

其中的chkboxType配置和beforeClick事件后的函数是关键。

ztree中如何通过点击节点文字就可以选中节点前的选择框,并且父级和子级之间进行选择联动?

原文:https://www.cnblogs.com/samve/p/11938570.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!