main.js

一个简单ssh+extjs的人力资源管理系统（转载）

Ext.ns('Ext.mypanels');
Ext.onReady(function() {
	Ext.QuickTips.init();
	/*
	 * Ext.form.Field.prototype.msgTarget = 'side';//需要研究
	 */

	Ext.mypanels.contentPanel = new Ext.TabPanel({
		region : 'center',
		id : 'tabPanel',
		autoDestroy:false,
		deferredRender : false,
		activeTab : 0,
		iconCls : 'tabs',
		items : {
			title : '主页',
			autoScroll : true,
			layout : 'table',
			layoutConfig : {
				columns : 1
			},
			items : [{
				title : '公告信息',
				html : '<img src="lib/images/arch_eHR.jpg" width=830 height=450/>'
			}]
		}
	});

	/* 导航栏面板定义 */

	var navPanel = new Ext.Panel({
				region : 'west',
				id : 'nav_panel',
				name : 'navPanel',
				title : '导航栏',
				split : true,
				border : true,
				collapsible : false,
				width : 170,
				minSize : 170,
				maxSize : 170,
				layout : 'accordion',
				layoutConfig : {
					animate : true,
					fill : true,
					autoWidth : true
				},
				items : [{
							title : '系统管理',
							items : [Ext.mypanels.tree.navAdminTree]
						}, {
							title : '自助操作',
							items : [Ext.mypanels.tree.navSelfinfoTree]
						}]
			});
	Ext.mypanels.tree.navAdminTree.on('click', onClickTreeNode);
	Ext.mypanels.tree.navSelfinfoTree.on('click', onClickTreeNode);

	/* Viewport */
	var viewport = new Ext.Viewport({
				layout : 'border',
				items : [{
							region : 'north',
							contentEl : 'header',
							split : true, // 可改变框体大小
							border : true,
							collapsible : true, // 可收缩
							height : 72,
							minSize : 72,
							maxSize : 72
						}, {
							region : 'south',
							contentEl : 'footer',
							split : true,
							border : true,
							collapsible : true,
							height : 35,
							minSize : 30,
							maxSize : 30
						}, navPanel, Ext.mypanels.contentPanel]
			});
});
function importJS(src) {
	/*
	 * fpath = fpath.replace(/\./g,'\/'); document.write('<script
	 * type="text/javascript" src="'+ fpath + '.js"></script>');
	 */
	src=src.replace(/\./g,'\/');
	jpath=src+'.js';
	var headerDom = document.getElementsByTagName('head').item(0);
	var jsDom = document.createElement('script');
	jsDom.type = 'text/javascript';
	jsDom.src = jpath;
	headerDom.appendChild(jsDom);
}

function onClickTreeNode(node) {
	if (node.getDepth() > 1) {
		importJS('lib.main.'+node.id);
		var n = Ext.mypanels.contentPanel.getComponent(node.id);
		if (!n) { // 判断是否已经打开该面板
			n = Ext.mypanels.contentPanel.add({
						'id' : node.id,
						'title' : node.text,
						contentEl : 'tab_'+node.id,
						closable : true,
						iconCls : 'tabs'
						/*
						 * autoLoad : { url : 'nodes.jsp?url='+node.id, scope :
						 * this, scripts : true } //
						 * 通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
						 */});
		}
		Ext.mypanels.contentPanel.setActiveTab(n);
	}
}