easyui 표준 레이아웃 실현
OA     
	
	OA    ,  springMVC+Spring+Mybaties+Activiti  
	
	  
	
			
		
	
	
		
	
  $(function () {
	//      
	
	
	$("#tree").tree({
		url : "<%=basePath%>/system/menulist.do",
		lines : true,
		onBeforeExpand:function(node){
			 $('#tree').tree('options').url = 
"<%=basePath%>/system/menulist.do?pid=" + node.id;
		},
		onClick : function (node) {
			if (node.attributes) {
		Open(node.text, "<%=basePath%>"+node.attributes.url);
			}
		}
	});
	//   center      ,  tab
	function Open(text, url) {
		if ($("#tabs").tabs('exists', text)) {
			$('#tabs').tabs('select', text);
		} else {
			$('#tabs').tabs('add', {
				title : text,
				closable : true,
				content : createFrame(url)
			});
		}
	}
	
	//  tabs     
	$("#tabs").tabs({
		onContextMenu : function (e, title) {
			e.preventDefault();
			$('#tabsMenu').menu('show', {
				left : e.pageX,
				top : e.pageY
			}).data("tabTitle", title);
		}
	});
	
	//   menu onClick  
	$("#tabsMenu").menu({
		onClick : function (item) {
			CloseTab(this, item.name);
		}
	});
	
	//         
	function CloseTab(menu, type) {
		var curTabTitle = $(menu).data("tabTitle");
		var tabs = $("#tabs");
		
		if (type === "close") {
			tabs.tabs("close", curTabTitle);
			return;
		}
		
		var allTabs = tabs.tabs("tabs");
		var closeTabsTitle = [];
		
		$.each(allTabs, function () {
			var opt = $(this).panel("options");
			if (opt.closable && opt.title != curTabTitle 
&& type === "Other") {
				closeTabsTitle.push(opt.title);
			} else if (opt.closable && type === "All") {
				closeTabsTitle.push(opt.title);
			}
		});
		
		for (var i = 0; i < closeTabsTitle.length; i++) {
			tabs.tabs("close", closeTabsTitle[i]);
		}
	}
	function createFrame(url) {
        var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0" 
 src="' + url + '" style="width:100%;height:100%;"></iframe>';
        return s;
    }
}); 
   
  이 페이지 는 완전한 레이아웃 방식 입 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
js div 드래그 호 환 i / fireforx js 마우스 위치 깊이 분석이벤트 속성 은 이벤트 가 실 행 될 때 브 라 우 저 페이지 (클 라 이언 트) 에 대한 수직 좌 표를 되 돌려 줍 니 다. 이 두 속성 은 이벤트 가 실 행 될 때 마우스 포인터 가 브 라 우 저 페이지 (클 라...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.