NoLogin',
cls: 'x-btn-text-icon',
icon: '../Content/icons/layers.png',
disabled: false,
disabledClass: ''
}, "->", {
xtype: "tbbutton",
minWidth: 80,
text: "工作台 ",
cls: "x-btn-text-icon",
icon: "../Controls/images/first.gif",
handler: function (btn, e) {
var tabs = tabpanels;
for (var i = 0; i < tabs.items.length; i++) {
if (tabs.items.items[i].title == "工作台") {
tabs.activate(tabs.items.items[i]);
return;
}
}
tabs.add({
title: '工作台',
id: "PanelArticleViewID_101",
html: "",
closable: true
});
tabs.activate('PanelArticleViewID_101');
}
}, "-", {
xtype: "tbbutton",
minWidth: 80,
text: "电子邮件 [0]",
cls: "x-btn-text-icon",
icon: "../Content/icons/email.png",
handler: function (btn, e) {
var tabs = tabpanels;
for (var i = 0; i < tabs.items.length; i++) {
if (tabs.items.items[i].title == "电子邮件") {
tabs.activate(tabs.items.items[i]);
return;
}
}
tabs.add({
title: '电子邮件',
id: "PanelArticleViewID_01",
html: "",
closable: true
});
tabs.activate('PanelArticleViewID_01');
}
}, "-", {
xtype: "tbbutton",
minWidth: 80,
text: "日程安排",
cls: "x-btn-text-icon",
icon: "../Content/icons/calendar.png",
handler: function (btn, e) {
var tabs = tabpanels;
for (var i = 0; i < tabs.items.length; i++) {
if (tabs.items.items[i].title == "日程安排") {
tabs.activate(tabs.items.items[i]);
return;
}
}
tabs.add({
title: '日程安排',
id: "PanelArticleViewID_02",
html: "",
closable: true
});
tabs.activate('PanelArticleViewID_02');
}
}, "-", {
xtype: "tbbutton",
minWidth: 80,
text: "在线用户 [0]",
cls: "x-btn-text-icon",
icon: "../Content/icons/user.png",
handler: function (btn, e) {
var tabs = tabpanels;
for (var i = 0; i < tabs.items.length; i++) {
if (tabs.items.items[i].title == "在线用户") {
tabs.activate(tabs.items.items[i]);
return;
}
}
tabs.add({
title: '在线用户',
id: "PanelArticleViewID_03",
html: "",
closable: true
});
tabs.activate('PanelArticleViewID_03');
}
}, "-", {
xtype: "tbbutton",
minWidth: 80,
text: "修改密码",
cls: "x-btn-text-icon",
icon: "../Content/icons/key.png",
handler: function (btn, e) {
var tabs = tabpanels;
for (var i = 0; i < tabs.items.length; i++) {
if (tabs.items.items[i].title == "修改密码") {
tabs.activate(tabs.items.items[i]);
return;
}
}
tabs.add({
title: '在线用户',
id: "PanelArticleViewID_04",
html: "",
closable: true
});
tabs.activate('PanelArticleViewID_04');
}
}, "-", {
xtype: "tbbutton",
minWidth: 80,
text: "注销",
cls: "x-btn-text-icon",
icon: "../Content/icons/lock_go.png",
handler: function (btn, e) {
JsHelper.Confirm("确定要注销当前用户并回到登录页吗？", function (btn) {
if (btn == 'yes') {
window.location.href = '../Default.aspx';
}
});
}
}]
});
var panel_toolbar = new Ext.Panel
({
border: false, x: 0, y: 0,
items: [toolbar]
});
var panel_north = new Ext.Panel({
id: "panel_north",
region: "north",
title: "",
border: false,
html: '',
height: 25,
buttonAlign: 'right',
margin: '0 0 0 0',
tbar: toolbar,
bbar: toolbar1
});
//中间
var tabpanel = new Ext.TabPanel
({
activeTab: 0, autoWidth: true, autoScroll: true, border: true, frame: true, id: "TabPanelID", enableTabScroll: false,
items:
[
{
xtype: "panel", layout: 'fit', title: "工作台",border: false, frame: false, iconCls: 'panel_icon',
html: ""
}
]
});
var panel_center = new Ext.Panel
({
id: 'panleCenter', frame: false, border: false,
region: 'center',
split: true,
items: [tabpanel],
layout: 'fit'
});
//左面
var panel_west = new Ext.Panel
({
id: 'panWestMenu',
region: 'west',
title: '系统功能导航',
iconCls: 'system_icon',
width: 180,
split: true,
minSize: 180,
maxSize: 250,
collapsed: false,
collapsible: true,
margins: '0 0 0 0',
layout: 'accordion',
layoutConfig: { animate: true }
});
var viewport = new Ext.Viewport
({
id: 'vpMain',
layout: 'border',
items:
[
panel_north,
panel_center,
panel_west
]
});
//加载左面的数据
var loadPanelWest = function (init) {
Ext.Ajax.request
({
url: 'Main.aspx?method=GetData',
success: function (response, options) {
try {
var panWestMenu = Ext.getCmp("panWestMenu");
if (panWestMenu) {
var children = panWestMenu.findByType('panel');
if (children) {
for (var i = 0, len = children.length; i < len; i++) {
panWestMenu.remove(children[i], true);
}
}
}
//var toolBars1 = Ext.getCmp("toolbars1");
var toolBars = Ext.getCmp("toolbars");
var menusArray = Ext.util.JSON.decode(response.responseText);
for (var j = 0; j < menusArray.length; j++) {
var mp = CreateMenuPanel(menusArray[j].TypeTitle, menusArray[j].TypeID, menusArray[j].icon, menusArray[j].iconCls);
panWestMenu.add(mp);
if (init == "load") {
var tempBtn = CreteButton(menusArray[j].TypeTitle, menusArray[j].TypeID, menusArray[j].icon);
//toolBars1.addItem(tempBtn);
}
}
panWestMenu.doLayout();
}
catch (e) {
}
}
});
};
loadPanelWest("load");
//创建单个treePanel
var CreateMenuPanel = function (title, TypeID, icons, iconcls) {
return new Ext.Panel
({
title: title, layout: 'fit', border: false, iconCls: iconcls,
cls:'tree-cls-head',
items:
[{
xtype: 'treepanel', singleExpand: true, animate: true, autoScroll: true, containerScroll: true,
border: false, layout: 'fit', rootVisible: false, autoHeight: false, lines: true, iconCls: icons, spilt: true, // 美化界面
width: 180, height: 370, enableDD: false, dropConfig: { appendOnly: true },
cls: 'tree-cls',
loader: new Ext.tree.TreeLoader({ dataUrl: "Main.aspx" }),
root: new Ext.tree.AsyncTreeNode
({
id: TypeID,
text: title,
draggable: false,
scope: this,
scripts: true,
expanded: true
})
, listeners: { "click": function (node, e) {
if (node.attributes.action == "") {
//Ext.Msg.alert("提示消息","不可以对根节点执行右键操作！");
return;
}
//console.info(node);
var _Id = node.attributes.id;
var _TypeID = node.attributes.TypeID;
var _TypeTitle = node.attributes.TypeTitle;
var _TypeEName = node.attributes.TypeEName;
var action = node.attributes.action;
var tabs = Ext.getCmp("TabPanelID");
var title = _TypeTitle;
for (var i = 0; i < tabs.items.length; i++) {
if (tabs.items.items[i].title == title) {
// Ext.Msg.alert("消息", "该菜单项[ " + node.attributes.text + " ]已经存在Tab里面！");
var activeTab = tabs.getActiveTab();
// activeTab.load({
// url: node.attributes.action,
// discardUrl: false,
// scope:this,
// scripts: true
// });
// var updater = activeTab.getUpdater();
// if (updater) {
//
// updater.loadScripts = true;
// updater.defaultUrl = node.attributes.action;
// updater.refresh();
// }
tabs.activate(tabs.items.items[i]);
return;
}
}
var pnl = new BuildGridView(_Id, title, action).gridView;
// console.info(pnl);
tabs.add(pnl);
tabs.activate(pnl);
}
}
}]
});
};
//创建单个按钮
var CreteButton = function (MenuTitle, MenuID, icons) {
return new Ext.Toolbar.Button
({
id: MenuID,
text: MenuTitle,
cls: 'x-btn-text-icon',
icon: icons,
tooltip: MenuTitle,
listeners:
{
"click": function (o, e) {
var panWestMenu = Ext.getCmp('panWestMenu');
// var toolbars = Ext.getCmp('toolbars1');
var panel_north = Ext.getCmp('panel_north');
// if (toolbars && toolbars.items.length > 0) {
// for (var i = 0; i < toolbars.items.length; i++) {
// if (toolbars.items.items[i].id == o.id) {
// toolbars.items.items[i].pressed = true;
// }
// else {
// toolbars.items.items[i].pressed = false;
// }
// }
// }
if (panWestMenu) {
var children = panWestMenu.findByType('panel');
if (children) {
for (var i = 0, len = children.length; i < len; i++) {
panWestMenu.remove(children[i], true);
}
}
var mp = CreateMenuPanel(o.tooltip, o.id, o.iconCls);
panWestMenu.add(mp);
panWestMenu.doLayout();
}
}
}
});
};
}
//今日日程提醒窗口
Ext.ux.ToastWindowMgr = {
positions: []
};
Ext.ux.ToastWindow = Ext.extend(Ext.Window, {
initComponent: function () {
Ext.apply(this, {
iconCls: this.iconCls || 'information',
width: 400,
height: 280,
autoScroll: true,
autoDestroy: true,
plain: false
});
this.task = new Ext.util.DelayedTask(this.hide, this);
Ext.ux.ToastWindow.superclass.initComponent.call(this);
},
setMessage: function (msg) {
this.body.update(msg);
},
setTitle: function (title, iconCls) {
Ext.ux.ToastWindow.superclass.setTitle.call(this, title, iconCls || this.iconCls);
},
onRender: function (ct, position) {
Ext.ux.ToastWindow.superclass.onRender.call(this, ct, position);
},
onDestroy: function () {
Ext.ux.ToastWindowMgr.positions.remove(this.pos);
Ext.ux.ToastWindow.superclass.onDestroy.call(this);
},
afterShow: function () {
Ext.ux.ToastWindow.superclass.afterShow.call(this);
this.on('move', function () {
Ext.ux.ToastWindowMgr.positions.remove(this.pos);
this.task.cancel();
}
, this);
this.task.delay(10000);
},
animShow: function () {
this.pos = 0;
while (Ext.ux.ToastWindowMgr.positions.indexOf(this.pos) > -1)
this.pos++;
Ext.ux.ToastWindowMgr.positions.push(this.pos);
this.setSize(400, 280);
this.el.alignTo(document, "br-br", [-20, -20 - ((this.getSize().height + 10) * this.pos)]);
this.el.slideIn('b', {
duration: 1,
callback: this.afterShow,
scope: this
});
},
animHide: function () {
Ext.ux.ToastWindowMgr.positions.remove(this.pos);
this.el.ghost("b", {
duration: 1,
remove: true,
scope: this,
callback: this.destroy
});
}
});