EasyUI combotree单选的使用

最新推荐文章于 2022-04-30 04:59:01 发布

原创最新推荐文章于 2022-04-30 04:59:01 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EasyUI #combotree

WEB前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个基于jQuery的水表管理系统中房间号多选功能的具体实现细节，包括如何设置多选、限制只能选择一个选项以及相关事件处理等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$('#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);//清除之前选中的项
                    }
                }
            }
        }
    });