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 中 MenuButton 的使用方法
-
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
-
Android使用AlertDialog实现的信息列表单选、多选对话框功能
-
Android单选按钮RadioButton的使用详解
-
jQuery EasyUI 折叠面板accordion的使用实例(分享)
-
jQuery EasyUI 选项卡面板tabs的使用实例讲解
-
jQuery EasyUI中的tree使用指南
-
使用jquery-easyui的布局layout写后台管理页面的代码详解
-
使用easyui datagrid 遇到的IE7下overflow的bug Chrome
-
使用easyui datagrid 遇到的IE7下overflow的bug Chrome