jQuery 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,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
基于Jquery+div+css實現(xiàn)彈出登錄窗口(代碼超簡單)
這篇文章給大家介紹基于jquery div css三者相結(jié)合實現(xiàn)彈出登錄窗口,實現(xiàn)大致思路是這樣的:通過dispaly:none屬性先隱藏在顯示,感興趣的朋友一起看看代碼實現(xiàn)過程吧2015-10-10jquery datatable后臺封裝數(shù)據(jù)示例代碼
這篇文章主要介紹了jquery datatable后臺封裝數(shù)據(jù)的示例代碼,需要的朋友可以參考下2014-08-0850 個 jQuery 插件可將你的網(wǎng)站帶到另外一個高度
Query架構(gòu)的開發(fā)人員能夠創(chuàng)建一個插件代碼來擴展其功能,從而能夠產(chǎn)生一些最好的插件,讓你的網(wǎng)站或任何給定的項目達到一個全新的水平。2016-04-04JQuery.Ajax()的data參數(shù)類型實例詳解
這篇文章主要介紹了JQuery.Ajax()的data參數(shù)類型實例詳解,需要的朋友可以參考下2015-11-11解決jquery appaend元素中id綁定事件失效的問題
下面小編就為大家?guī)硪黄鉀Qjquery appaend元素中id綁定事件失效的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09