DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> jQuery Easyui 下拉樹組件combotree
jQuery Easyui 下拉樹組件combotree
編輯: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 + ','; 
      }); 

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved