1. 程式人生 > >easyUI tree的展開和收縮操作以及節點賦值操作

easyUI tree的展開和收縮操作以及節點賦值操作

$(function(){
	$('#menuTree').tree({
		url:'menuTree!findMenuTree.action',
		lines:true,
		onClick:function(node){
			var leaf = $('#menuTree').tree('isLeaf', node.target);
			if(leaf){//如果為子節點
				//tab是否已被開啟
				if ($("#main_tab").tabs('exists', node.text)) {
		            $('#main_tab').tabs('select', node.text);
		        } else {
		            $('#main_tab').tabs('add',{
						title:node.text,
//						href:node.attributes.href,
						content : '<iframe src="' + node.attributes.href + '" frameborder="0" style="border:0;width:100%;height:99%;"></iframe>',
						closable:true
					});
		            if($('#main_tab').tabs('getSelected').find('iframe').length > 0){
		            	var fram = $('#main_tab').tabs('getSelected').find('iframe')[0];
		            	$(fram).load(//等待iframe載入完成
		            			function(){
		            				$(fram).contents().find('#menuId').val(node.id);//在fram的內容中查詢id等於menuId的元素並賦值
		            			}
		            	);
		            }
		        }
			}else{//如果為父節點
				//獲取選中節點物件
            	var child = $("#menuTree").tree('getChildren',node.target);
            	//如果選中的節點狀態是關閉,且還有子節點則展開選中節點
	            if(child.length>0 && $("#menuTree").tree('getSelected').state=='closed'){
	                $("#menuTree").tree('expand',node.target);
	            }else if(child.length>0 && $("#menuTree").tree('getSelected').state=='open'){
	            	 $("#menuTree").tree('collapse',node.target);
	            }else{
	            	//沒有分配子節點的操作
	            	alert('未分配子節點操作許可權,請聯絡管理員!');
	            	return false;
	            }
			}
		},
		loadFilter: function(json){
	        return convert(json.rows);  
	    }
	});
});