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,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!