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

EasyUI combotree单选的使用

程序员文章站 2022-05-18 20:49:47
...
$('#waterMeter_waterMeterInfo_tool_roomNo').combotree({
        url: '../../json/roomNo.json',
        multiple : true,//设置可以多选,显示多选框,不设置不会出现多选框
        required: true,
        method: 'GET',
        checkbox : true,//显示多选框
        onlyLeafCheck : true,//只在叶子节点显示多选框
        onSelect:function (node) {

        },
        onBeforeSelect : function(node){
            $(this).tree("check", node.target);//控制点击文字时也能勾选
            return false;//避免不是选择勾选框而是点击文字出现黄色的选中条纹
        },
        onBeforeCheck : function(node, checked){//控制只能选一项
            if(checked){//当前为选中操作
                var nodes = $(this).tree("getChecked");
                //控制只能选一项,选中某一项后后面不能再勾选
                if(nodes.length > 0){
                    for(var i=0; i<nodes.length; i++){
                        $(this).tree("uncheck", nodes[i].target);//清除之前选中的项
                    }
                }
            }
        }
    });
相关标签: EasyUI combotree