jQuery Easyui 下拉树组件combotree

2019-11-19 18:26:34

字体：大中小

来源：转载

供稿：网友

jQuery EasyUI 组合树(ComboTree) 和组合框的用法差不多，只是在显示上有点差别：一个显示成树状结构，一个显示成列表结构。

项目中做角色授权时，需要做一个下拉框带树结构的并且可以多选的组件，就想到了easyui的combotree，有关这个组件的用法废话不多说，直接上代码

$('#bianhao').combotree({         url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel='             + $('#jibie').combobox('getValue'),         editable : false,         cascaseCheck : true,         method : 'POST', <span>       </span>//下面注释的代码是 不可以选择父节点，如果需要，直接打开注释         // onSelect : function(node) {         // // 返回树对象         // var tree = $(this).tree;         // // 选中的节点是否为叶子节点,如果不是叶子节点,清除选中         // var isLeaf = tree('isLeaf', node.target);         // if (!isLeaf) {         // // 清除选中         // $('#bianhao').combotree('clear');         // }         // }         multiple : true           // 是否多选       });

由于做授权需要获取父节点的实心节点，就是半选状态，通过以下代码可以获取所有半选状态的id与text

var checknodes = $('#bianhao').combotree('tree').tree('getChecked',       ['indeterminate']);   $.each(checknodes, function(index, domEle) {         s += domEle.id + ',';       });

下面给大家介绍下属性事件和方法。