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 + ',';       });

下面給大家介紹下屬性事件和方法。