var index = 1;
/** write by Huy Vanpull */
function mylayout_1() {
/** 初始化提示信息 */
Ext.QuickTips.init();
/** 設(shè)置中間內(nèi)容的tabPanel */
var cPanel = new Ext.TabPanel({
title : '主面板',
region : 'center',
contentEl : 'center-div',
split : true,
activeTab : 0,
border : true,
frame : true,
collapsible : true,
enableTabScroll : true,
items : [{
title : "tab advantage",
autoLoad : {
url : "/ext/page/base/index.jsp",
scripts : true
}
}]
});
/** 這里不能只設(shè)置一個變量 */
var tree_1 = myTree_1(cPanel);
var tree_2 = myTree_1(cPanel);
var tree_3 = myTree_1(cPanel);
var viewport = new Ext.Viewport({
layout : 'border',
items : [{
title : 'LOG',
region : 'north',
contentEl : 'north-div',
split : true,
border : true,
collapsible : true,
height : 50,
minSize : 50,
maxSize : 120
}, {
title : '狀態(tài)欄',
region : 'south',
contentEl : 'south-div',
split : true,
border : true,
collapsible : true,
height : 50,
minSize : 50,
maxSize : 120
}, {
title : '幫助',
region : 'east',
contentEl : 'east-div',
split : true,
border : true,
collapsed : true,// 東面幫助菜單默認(rèn)折疊
collapsible : true,
width : 120,
minSize : 120,
maxSize : 200
}, {
title : '菜單欄',
region : 'west',
contentEl : 'west-div',
split : true,
border : true,
collapsible : true,
width : 170,
minSize : 150,
maxSize : 200,
layout : "accordion",// 右邊菜單的布局方式
items : [tree_1, tree_2, tree_3]
}, cPanel]
});
}
Ext.onReady(mylayout_1);
function myTree_1(cPanel) {
var root = new Ext.tree.TreeNode({
text : '主菜單'
});
/** 學(xué)籍管理及其子菜單 */
var root_1 = new Ext.tree.TreeNode({
text : '學(xué)籍管理',
icon : '/ext/img/girl.gif'
});
var root_1_1 = new Ext.tree.TreeNode({
text : '添加學(xué)生',
qtip : '添加學(xué)生',
listeners : {
"click" : function(node, e) {
cPanel.add({
title : "newtab",
id : "newtab" + index,
closable : true,
autoLoad : {
url : "/ext/page/base/index.jsp",
scripts : true
}
});
cPanel.setActiveTab("newtab" + index);
index++;
}
}
});
var root_1_2 = new Ext.tree.TreeNode({
text : '刪除學(xué)生',
qtip : '刪除學(xué)生'
});
var root_1_3 = new Ext.tree.TreeNode({
text : '瀏覽學(xué)生',
qtip : '瀏覽學(xué)生'
});
root_1.appendChild(root_1_1);
root_1.appendChild(root_1_2);
root_1.appendChild(root_1_3);
/** 考勤管理及其子菜單 */
var root_2 = new Ext.tree.TreeNode({
text : '考勤管理',
qtip : '考勤管理',
icon : '/ext/img/boy.gif'
});
var root_2_1 = new Ext.tree.TreeNode({
text : '添加考勤'
});
var root_2_2 = new Ext.tree.TreeNode({
text : '刪除考勤'
});
var root_2_3 = new Ext.tree.TreeNode({
text : '瀏覽考勤'
});
root_2.appendChild(root_2_1);
root_2.appendChild(root_2_2);
root_2.appendChild(root_2_3);
/** 添加到主菜單 */
root.appendChild(root_1);
root.appendChild(root_2);
/** 創(chuàng)建樹面板 */
var tree = new Ext.tree.TreePanel({
title : '系統(tǒng)設(shè)置',
border : false,// 是否有邊框
rootVisible : false,// 是否顯示跟結(jié)點(diǎn)
useArrows : true,
qtip : "提示"
});
/** 把上面的數(shù)據(jù)設(shè)置到樹面板中去 */
tree.setRootNode(root);
return tree;
}