ExtJS框架主视图入口Main 的基本配制

当前使用的是 ExtJS 4.2.1框架

这是后台初始框架

结构是 （上|中[左|右])|下）的结构 代码如下 

Ext.define('Sales.view.Main', {
    extend: 'Ext.container.Container',
    requires:[
        'Ext.tab.Panel',
        'Ext.layout.container.Border'
    ],

    title: '销售系统',
    xtype: 'appMain',
    id: 'appMain',

    layout: {
        type: 'border'
    },

    items: [{
        region: 'north',
        xtype: 'appHeader',
        height: 45
    },{
        region: 'west',
        xtype: 'appNavigation',
        width: 225,
//        minWidth: 100,
//        height: 200,
        split: true,
        stateful: true,
        stateId: 'mainnav.west',
        collapsible: true
    },{
        region: 'center',
        xtype: 'appContent'
    },{
        id: 'foobarBox',
        region: 'south',
        xtype: 'component',
        html: '天气：无   |   当前城市：无   |  当前时间：' + Ext.Date.format(new Date(), 'Y-m-d') + '  |  当前版本:v3.0.05',
        height: 20
    }]
});