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에 따라 라이센스가 부여됩니다.