jQuery Easyui 下拉树组件combotree
时间：2020-12-22 17:03:07|栏目：jquery|点击： 次
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 + ',';
});
下面给大家介绍下属性事件和方法。
上一篇：在JavaScript中重写jQuery对象的方法实例教程
栏 目：jquery
本文标题：jQuery Easyui 下拉树组件combotree
本文地址：http://www.codeinn.net/misctech/35243.html
