help.js

本系统基本完善了CRM管理系统的各个模块

Ext.onReady(function() {

	// 帮助树,居于左边
	var root = new Ext.tree.AsyncTreeNode({
		id : "root",
		text : "帮助菜单"
	});
	var helpTree = new Ext.tree.TreePanel({
		region : 'west',
		title : '帮助菜单',
		rootVisible : false,
		width : 150,
		minSize : 150,
		collapsible : true,
		split : true,
		root : root,
		animate : true,
		margins : '0 5 5 0',
		loader : new Ext.tree.TreeLoader({
			url : "/Y2_CRM/help/helpTree.js"
		})
	});
	// 给树加监听
	helpTree.on('click', function(node, event) {
		event.stopEvent();
		var n = helpBody.getComponent(node.id);
		if (!n) { // 判断是否已经打开该面板
			n = helpBody.add({
				'id' : node.id,
				'title' : node.text,
				closable : true, // 通过html载入目标页
				html : '<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="'
						+ node.attributes.href + '"></iframe>'
			});
		}
		helpBody.setActiveTab(n);
	});

	// 面板风格
	var styleBar = new Ext.Toolbar({
		width : 50,
		align:'center',
		items : [new style]
	});
	// 帮助标题，居于顶部
	var helpTop = new Ext.Panel({
		region : 'north',
		border : false,
		height : 80,
		frame : true,
		items : [{
			layout : "column",
			defaults : {
				border : false,
				bodyStyle : 'padding-top:6px'
			},
			items : [{
				columnWidth : .18,

				html : '<img src="images/logo.gif"/>'
			}, {
				columnWidth : .72,

				html : '<img src="images/help_title.jpg"/>'
			}, {
				columnWidth : .10,
				items : [styleBar]

			}]
		}]
	});
	// 帮助主面板，显示帮助信息,居中
	var helpBody = new Ext.TabPanel({
		id : 'tabMain',
		region : 'center',
		margins : '0 5 5 0',
		autoTabs : true,
		enableTabScroll : true,
		activeTab : 0,
		items : {
			title : '系统介绍',
			closable : true,
			html : '<div style="position:absolute;top:60;left:120;"><img src="/Y2_CRM/images/welcome.gif"/></div>'
		}
	});
	// 底部版权
	var helpBottom = new Ext.Panel({
		region : 'south',
		width : 150,
		height : 30,
		frame : true,
		autoShow : true,
		collapsible : true,
		margins : '0 3 3 0',
		items : [{
			html : '<p align="center">版权所有，翻版必究，北大青鸟珠海前程职业学校T86班第三小组</p>'
		}]
	});
	// 总体面板
	var help = new Ext.Viewport({
		enableTabScroll : true,
		layout : 'border',
		modal : true,
		items : [helpTree, helpTop, helpBody, helpBottom]
	});

});