jQuery Easyui 下拉樹(shù)組件combotree
jQuery EasyUI 組合樹(shù)(ComboTree) 和組合框的用法差不多,只是在顯示上有點(diǎn)差別:一個(gè)顯示成樹(shù)狀結(jié)構(gòu),一個(gè)顯示成列表結(jié)構(gòu)。
項(xiàng)目中做角色授權(quán)時(shí),需要做一個(gè)下拉框帶樹(shù)結(jié)構(gòu)的 并且可以多選的組件,就想到了easyui的combotree,有關(guān)這個(gè)組件的用法廢話不多說(shuō),直接上代碼
$('#bianhao').combotree({
url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel='
+ $('#jibie').combobox('getValue'),
editable : false,
cascaseCheck : true,
method : 'POST',
<span> </span>//下面注釋的代碼是 不可以選擇父節(jié)點(diǎn),如果需要,直接打開(kāi)注釋
// onSelect : function(node) {
// // 返回樹(shù)對(duì)象
// var tree = $(this).tree;
// // 選中的節(jié)點(diǎn)是否為葉子節(jié)點(diǎn),如果不是葉子節(jié)點(diǎn),清除選中
// var isLeaf = tree('isLeaf', node.target);
// if (!isLeaf) {
// // 清除選中
// $('#bianhao').combotree('clear');
// }
// }
multiple : true
// 是否多選
});
由于做授權(quán)需要獲取父節(jié)點(diǎn)的實(shí)心節(jié)點(diǎn),就是半選狀態(tài),通過(guò)以下代碼可以獲取所有半選狀態(tài)的id與text
var checknodes = $('#bianhao').combotree('tree').tree('getChecked',
['indeterminate']);
$.each(checknodes, function(index, domEle) {
s += domEle.id + ',';
});
下面給大家介紹下屬性事件和方法。

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

