1. 程式人生 > >easyui 下拉樹元件combotree

easyui 下拉樹元件combotree


專案中做角色授權時,需要做一個下拉框帶樹結構的 並且可以多選的元件,就想到了easyui的combotree,有關這個元件的用法廢話不多說,直接上程式碼
$('#bianhao').combotree({
				url : urlg2 + '/tbdefaultroll/selectByLevel?belongLevel='
						+ $('#jibie').combobox('getValue'),
				editable : false,
				cascaseCheck : true,
				method : 'POST',
//下面註釋的程式碼是 不可以選擇父節點,如果需要,直接開啟註釋
				// 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 + ',';

			});