easyui tree checkbox 单选控制

参考文档:中文网:http://www.jeasyui.net/plugins/185.html

easyui-tree的checkbox默认是多选的,

如何控制只能单选一个子节点,看代码:

 1 $('#tree').tree({
 2     url:'xxx',
 3     checkbox: true,//出现checkbox
 4     onlyLeafCheck: true,//只允许选择子节点
 5     onCheck: treeSingleCheckCtrl//核心,单选控制
 6 });
 7  
 8 //核心,单选控制
 9 function treeSingleCheckCtrl(node, checked) {
10     var elementId = 'tree';//元素ID
11     if (checked) {
12         var allCheckedNodes = $('#' + elementId).tree("getChecked");
13         for (var i = 0; i < allCheckedNodes.length; i++) {
14             var tempNode = allCheckedNodes[i];
15             if (tempNode.id != node.id) {
16                 $('#' + elementId).tree('uncheck', tempNode.target);
17             }
18         }
19     }
20 }

 

posted @ 2019-05-30 14:47  smil、梵音  阅读(1075)  评论(0编辑  收藏  举报