快捷導(dǎo)航

jQuery Easyui 下拉樹組件combotree

更新時間：2016年12月16日 11:03:15 作者：還俗的鳳凰

項目中做角色授權(quán)時，需要做一個下拉框帶樹結(jié)構(gòu)的并且可以多選的組件，就想到了easyui的combotree，下面通過實例代碼給大家介紹下Easyui 下拉樹組件combotree

jQuery EasyUI 組合樹(ComboTree) 和組合框的用法差不多，只是在顯示上有點差別：一個顯示成樹狀結(jié)構(gòu)，一個顯示成列表結(jié)構(gòu)。

項目中做角色授權(quán)時，需要做一個下拉框帶樹結(jié)構(gòu)的并且可以多選的組件，就想到了easyui的combotree，有關(guān)這個組件的用法廢話不多說，直接上代碼

$('#bianhao').combotree({ 
        url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel=' 
            + $('#jibie').combobox('getValue'), 
        editable : false, 
        cascaseCheck : true, 
        method : 'POST', 
<span>       </span>//下面注釋的代碼是 不可以選擇父節(jié)點，如果需要，直接打開注釋 
        // onSelect : function(node) { 
        // // 返回樹對象 
        // var tree = $(this).tree; 
        // // 選中的節(jié)點是否為葉子節(jié)點,如果不是葉子節(jié)點,清除選中 
        // var isLeaf = tree('isLeaf', node.target); 
        // if (!isLeaf) { 
        // // 清除選中 
        // $('#bianhao').combotree('clear'); 
        // } 
        // } 
        multiple : true 
          // 是否多選 
      });

由于做授權(quán)需要獲取父節(jié)點的實心節(jié)點，就是半選狀態(tài)，通過以下代碼可以獲取所有半選狀態(tài)的id與text

var checknodes = $('#bianhao').combotree('tree').tree('getChecked', 
      ['indeterminate']); 
  $.each(checknodes, function(index, domEle) { 
        s += domEle.id + ','; 
      });

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

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

您可能感興趣的文章:

相關(guān)文章

基于Jquery+div+css實現(xiàn)彈出登錄窗口(代碼超簡單)
這篇文章給大家介紹基于jquery div css三者相結(jié)合實現(xiàn)彈出登錄窗口，實現(xiàn)大致思路是這樣的：通過dispaly：none屬性先隱藏在顯示，感興趣的朋友一起看看代碼實現(xiàn)過程吧
2015-10-10
jQuery基本過濾選擇器用法示例
這篇文章主要介紹了jQuery基本過濾選擇器用法,結(jié)合實例形式分析了jQuery中:first、:last、:not、:even、:odd、:eq、:gt等基本過濾選擇器的使用方法,需要的朋友可以參考下
2016-09-09
jquery datatable后臺封裝數(shù)據(jù)示例代碼
這篇文章主要介紹了jquery datatable后臺封裝數(shù)據(jù)的示例代碼,需要的朋友可以參考下
2014-08-08
jQuery獲取動態(tài)生成的元素示例
頁面上可以動態(tài)添加數(shù)據(jù),比如table,點擊按鈕可以動態(tài)添加行，下面與大家分享下jQuery如何獲取動態(tài)生成的元素
2014-06-06
為jQuery添加Webkit的觸摸的方法分享
這段代碼是我在做13年一份兼職的時候無聊加上去的，為jQuery添加觸摸事件的支持。因為做得有點無聊，所以就幫客戶添加了用響應(yīng)式網(wǎng)頁+JS touch兼容了移動設(shè)備，主要是Webkit的移動設(shè)備
2014-02-02
50 個 jQuery 插件可將你的網(wǎng)站帶到另外一個高度
Query架構(gòu)的開發(fā)人員能夠創(chuàng)建一個插件代碼來擴展其功能，從而能夠產(chǎn)生一些最好的插件，讓你的網(wǎng)站或任何給定的項目達到一個全新的水平。
2016-04-04
jQuery監(jiān)聽瀏覽器窗口大小的變化實例
下面小編就為大家?guī)硪黄猨Query監(jiān)聽瀏覽器窗口大小的變化實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
jquery跟隨屏幕滾動效果的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query跟隨屏幕滾動效果的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-04-04
JQuery.Ajax()的data參數(shù)類型實例詳解
這篇文章主要介紹了JQuery.Ajax()的data參數(shù)類型實例詳解,需要的朋友可以參考下
2015-11-11
解決jquery appaend元素中id綁定事件失效的問題
下面小編就為大家?guī)硪黄鉀Qjquery appaend元素中id綁定事件失效的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09