DIV CSS 佈局教程網

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

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

以上所述是小編給大家介紹的jQuery Easyui 下拉樹組件combotree，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！