extjs grid为什么不显示数据

len 发布于 2013/05/03 18:38
阅读 823
收藏 0
Ext.define("App.view.book.BookSortPanel", {
    extend: 'Ext.grid.Panel',
    xtype: 'bookSortPanel',
    alias: 'widget.booksort',
    title: '分类',
    closable: true,
    columnLines: true,
    viewConfig: {
        stripeRows: true
    },
    require: [
        'Ext.grid.*',
        'Ext.data.*',
        'Ext.util.*',
        'Ext.toolbar.Paging',
        'Ext.ux.PreviewPlugin',
        'Ext.ModelManager',
        'Ext.tip.QuickTipManager',
        'App.sotre.BookSortStore'],


    initComponent: function() {
        Ext.define('App.data.Sort', {
            fields: [{
                name: 'id',
                mapping: 'id'
            }, {
                name: 'name',
                mapping: 'name'
            }]
        });
        this.sotre = Ext.create('Ext.data.Store', {
            id: 'BookSortStore',
            model: 'Sort',
            autoLoad: true,
            pageSize: 20,
            proxy: {
                type: 'ajax',
                url: 'http://localhost/icenter/sort.json',
                pageParam: 'start',
                limitParam: 'limit',
                reader: {
                    type: 'json',
                    root: 'sorts',
                    totalProperty: 'total'
                }
            }
        });
        this.tbar = [{
            //icon: 'images/tbr_add.gif',
            iconCls: 'add',
            text: '新增',
            tooltip: '新增',
            handler: this.addComp,
            scope: this
        },
            '-', {
            //icon: 'images/tbr_edit.gif',
            text: '修改',
            tooltip: '修改',
            iconCls: 'add',
            handler: this.updateComp,
            scope: this
        },
            '-', {
            text: '导入',
            //icon: 'images/tbr_in.gif',
            tooltip: '导入',
            iconCls: 'search',
            scope: this
        },
            '-', {
            text: '导出',
            //icon: 'images/tbr_out.png',
            tooltip: '导出',
            iconCls: 'search',
            scope: this
        },
            '-', {
            text: '查询',
            //icon: 'images/tbr_out.png',
            tooltip: '查询',
            iconCls: 'search',
            handler: this.searchComp,
            scope: this
        },
            '-', {
            text: '刷新',
            //icon: 'images/tbr_refresh.gif',
            tooltip: '刷新',
            iconCls: 'search',
            handler: this.refurbish,
            scope: this
        },
            '-', {
            text: '批量删除',
            //icon: 'images/tbr_delete.gif',
            tooltip: '删除',
            iconCls: 'remove',
            handler: this.deleteComp,
            scope: this
        }];
        this.columns = [{
            text: 'ID',
            flex: 1,
            sortable: false,
            dataIndex: 'id'
        }, {
            text: '名称',
            flex: 1,
            sortable: false,
            dataIndex: 'name'
        }];


        this.sotre.load();


        this.callParent(arguments);
        console.log(this.sotre);


    }

});

json结果:

{
    "limit": 20,
    "total": 71,
    "start": 0,
    "success": "true",
    "sorts": [
        {
            "createDate": "2012-11-12 01:42:27",
            "isdelete": 0,
            "id": 1,
            "name": "都市",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:19",
            "isdelete": 0,
            "id": 2,
            "name": "文艺其它",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:23",
            "isdelete": 0,
            "id": 3,
            "name": "人文其它",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:20",
            "isdelete": 0,
            "id": 4,
            "name": "历史",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:22",
            "isdelete": 0,
            "id": 5,
            "name": "言情",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:24",
            "isdelete": 0,
            "id": 6,
            "name": "传记",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:23",
            "isdelete": 0,
            "id": 7,
            "name": "传记-精英",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:21",
            "isdelete": 0,
            "id": 8,
            "name": "军事",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:42",
            "isdelete": 0,
            "id": 9,
            "name": "营销",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:20",
            "isdelete": 0,
            "id": 10,
            "name": "漫画",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:41",
            "isdelete": 0,
            "id": 11,
            "name": "官场",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:52",
            "isdelete": 0,
            "id": 12,
            "name": "励志",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:49",
            "isdelete": 0,
            "id": 13,
            "name": "职场小说",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:45:07",
            "isdelete": 0,
            "id": 14,
            "name": "旅游",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:44:52",
            "isdelete": 0,
            "id": 15,
            "name": "青春",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:45:29",
            "isdelete": 0,
            "id": 16,
            "name": "励志其它",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:45:09",
            "isdelete": 0,
            "id": 17,
            "name": "证券",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:45:54",
            "isdelete": 0,
            "id": 18,
            "name": "小说文艺",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:45:21",
            "isdelete": 0,
            "id": 19,
            "name": "影视",
            "bookSum": 0
        },
        {
            "createDate": "2012-11-12 01:45:41",
            "isdelete": 0,
            "id": 20,
            "name": "悬疑",
            "bookSum": 0
        }
    ]
}

加载中
0
len
len
从调试上看store中已经加载了数据,并且已经正确按着mode中的配置进行解析,但就是不是grid中显示。
返回顶部
顶部