{ region: 'north', html: '<h1 class="x-panel-header">CRM管理系统</h1>', autoHeight: false, border: false, margins: '0 0 5 0' }

{ region: 'west', collapsible: true, title: '管理菜单', xtype: 'treepanel', width: 200, autoScroll: true, split: true, loader: new Ext.tree.TreeLoader(), root: new Ext.tree.AsyncTreeNode({ expanded: true, children: [ { text: '系统设置', leaf: true, url: 'userlist' }, { text: '用户管理', leaf: false, children: [ { id: 'userlist', text: '用户列表', leaf: true } ] }, { id: 'news', text: '新闻资讯', leaf: true }] }), rootVisible: false, listeners: { click: function (node, event) { //Ext.Msg.alert('Navigation Tree Click', 'You clicked: "' + node.attributes.text + '"'); event.stopEvent(); var n = contentPanel.getComponent(node.id); // alert(n); if (!n && node.leaf == true) { // //判断是否已经打开该面板 n = contentPanel.add({ 'id': node.id, 'title': node.text, closable: true, autoLoad: { url: node.id + '.html', scripts: true } // 通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性 }); } contentPanel.setActiveTab(n); } } }

new Ext.TabPanel({ region: 'center', enableTabScroll: true, activeTab: 0, items: [{ id: 'homePage', title: '首页', autoScroll: true, html: '<div style="position:absolute;color:#ff0000;top:40%;left:40%;">主页</div>' }] });