WebApp(Ext的T型布局).rar

var WebApp = {}; WebApp.Desktop = function(){ this.Banner = new Ext.Panel({ region : "north", margins: '0 0 2 0', contentEl : "header", height : 62, bbar : this.createTopMenu() }); this.WestMenu = new Ext.Panel({ region : "west", margins: '0 5 0 0', layout:'accordion', width : 200, items : [{ title : "客户管理" },{ title : "报表管理" },{ title : "退货管理" }] }); this.MainPanel = new Ext.TabPanel({ region : "center", activeTab: 0, items: [{ title : '信息区', frame : true }] }); WebApp.Desktop.superclass.constructor.call(this, { layout : "border", items : [this.Banner, this.WestMenu, this.MainPanel] }); } Ext.extend(WebApp.Desktop, Ext.Viewport, { createTopMenu : function(){ return ['->',{ xtype : "tbitem", autoEl : { tag: 'img', src: 'common/css/images/user_green.gif' } },{ xtype : "tbtext", text : "用户名：czp" },'-',{ xtype : "tbitem", autoEl : { tag: 'img', src: 'common/css/images/user_green.gif' } },{ xtype : "tbtext", text : "部门：研发部" }] } });