easyui 下拉樹元件combotree
阿新 • • 發佈:2019-02-01
專案中做角色授權時,需要做一個下拉框帶樹結構的 並且可以多選的元件,就想到了easyui的combotree,有關這個元件的用法廢話不多說,直接上程式碼
$('#bianhao').combotree({
url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel='
+ $('#jibie').combobox('getValue'),
editable : false,
cascaseCheck : true,
method : 'POST',
//下面註釋的程式碼是 不可以選擇父節點,如果需要,直接開啟註釋 // 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 + ',';
});