EXt6js创建一个页面

/**
 * Created by Cy on 2016/10/17.
 */
Ext.define('BSWeb.view.business.communityinfo.CommunityInfo', {
    extend: 'Ext.grid.Panel',
    title: '小区管理',
    layout: 'fit',
    closable: true,
    itemId: 'CommunityItemId',
    columnLines: true,

    viewConfig: {
        //sortAscText:'123445'
    },

    requires: [
        'BSWeb.store.business.community.Community',
        'BSWeb.view.business.community.CommunityController',
        'BSWeb.view.business.communityinfo.AddCommunity',
        'BSWeb.view.business.communityinfo.Updacommunity'
    ],

    store: {
        type: 'Communitystore'
    },

    //defaults: {

    //},

    controller: 'CommunityInfo',

    columns: [
        { xtype: 'rownumberer' },
        { text: '小区编号', dataIndex: 'V_CommNo', sortable: true, menuDisabled: true, locked: true },
        { text: '所属楼盘', dataIndex: 'V_ProperName', sortable: true, menuDisabled: true, locked: true },
        { text: '小区名称', dataIndex: 'V_CommName', sortable: true, menuDisabled: true, locked: true },
        { text: '小区地址', dataIndex: 'V_Address', sortable: true, menuDisabled: true },
        { text: '小区负责人人', dataIndex: 'V_Person', sortable: true, menuDisabled: true },
        { text: '小区负责人人电话', dataIndex: 'V_PersonPh', sortable: true, menuDisabled: true },
        { text: '小区总面积', dataIndex: 'De_CommArea', sortable: true, menuDisabled: true },
        { text: '小区绿化面积', dataIndex: 'De_GreenArea', sortable: true, menuDisabled: true },
        { text: '小区路面总面积', dataIndex: 'De_RoadArea', sortable: true, menuDisabled: true },
        { text: '小区停车场总面积', dataIndex: 'De_ParkArea', sortable: true, menuDisabled: true },
        { text: '小区停车场车编号', dataIndex: 'V_ParkNo', sortable: true, menuDisabled: true },
        { text: '物业中心位置', dataIndex: 'V_PropAddress', sortable: true, menuDisabled: true },
        { text: '物业中心负责人', dataIndex: 'V_PropName', sortable: true, menuDisabled: true },
        { text: '物业中心电话', dataIndex: 'V_PropPhone', sortable: true, menuDisabled: true },
        { text: '是否有门禁', dataIndex: 'Bi_IsAccControl', sortable: true, menuDisabled: true },
        { text: '填报人账户', dataIndex: 'In_FillrAccount', sortable: true, menuDisabled: true },
        { text: '添加人名称', dataIndex: 'V_Fllr', sortable: true, menuDisabled: true },
        { text: '添加时间', dataIndex: 'De_FillrTime', sortable: true, flex: 1, lockable: true, menuDisabled: true, xtype: 'datecolumn', format: 'Y-m-d H:i:s' },
        { text: '备注', dataIndex: 'T_Note', sortable: true, menuDisabled: true },

    ],

    //分页
    dockedItems: [{
        xtype: 'pagingtoolbar',
        itemId: 'CommunityPageItemId',
        dock: 'bottom',
        displayInfo: true,
        nextText: '下一页',
        firstText: '首页',
        lastText: '尾页',
        prevText: '上一页',
        beforePageText: '上一页',
        afterPageText: '下一页',
        displayMsg: '信息:从 {0} 条 到 {1} 条 总共 {2} 条',
        emptyMsg: '当前没有信息',
        store: {
            type: 'Communitystore'
        }
    }],

    //操作栏
    tbar: [
        //'->',
        { text: '增加', icon: 'resources/application_form_add.png', itemId: 'add' },
        '-',
        { text: '修改', icon: 'resources/application_form_edit.png', itemId: 'update' },
        '-',
        { text: '删除', icon: 'resources/application_form_delete.png', itemId: 'delete' },
        '-',
        { xtype: 'textfield', itemId: 'searchText', enableKeyEvents: true },
        { text: '姓名查询', icon: 'resources/application_form_magnify.png', itemId: 'search' }

    ]
    //
    // selModel:{
    //     selType:'checkboxmodel'
    // }

})