extjs 框架模板

的

 <script>
 Ext.onReady(function(){
     Ext.create('Ext.container.Viewport', {
         layout: 'border',
         items: [{
             region: 'north',
             autoHeight: true,
             border: false,
             margins: '0 0 5 0'
         }, {
             region: 'west',
             collapsible: true,
            title: 'Navigation',
             width: 150
             // could use a TreePanel or AccordionLayout for navigational items
         }, {
             region: 'south',
             title: 'South Panel',
             collapsible: true,
             html: '这里显示信息',
             split: true,
             height: 100,
             minHeight: 100
         }, {
             region: 'east',
             title: 'East Panel',
             collapsible: true,
             split: true,
             width: 150
         }, {
             region: 'center',
             xtype: 'tabpanel', // TabPanel itself has no title
             activeTab: 0,      // First tab active by default
             items: {
                 title: 'Default Tab',
                 html: 'The first tab\'s content. Others may be added dynamically'
             }
         }]
     });
 })
</script>