Extjs Grid，分页未在loadData上加载

Question

我正在尝试使用loaddata使用分页工具栏在extjs网格中加载数据，但它显示空网格。 返回的数据是

       {

        "data": [{
            "id": "user1",
            "title": "index0"
        }, {
            "id": "user2",
            "title": "index1"
        }, {
            "id": "user3",
            "title": "index2"
        }, {
            "id": "user4",
            "title": "index3"
        }],
    "total": 8,
    }

我的代码看起来像

initcomponent:function(){
    defaultModel:[{
                            header: 'Date',
                            dataIndex: 'id',
                            sortable: true                        
                        },
                        {
                            header: 'title',
                            dataIndex: 'title',
                            sortable: false,

                        }];

    }     
    this.currStore = Ext.create('Ext.data.Store', {

            fields : ['id','title'],


            pageSize:4,
            autoLoad:false,
            proxy: {
                    type: 'memory',
                    reader: {
                        type: 'json',
                        root: 'data',
                        totalProperty:'total',
                    }
                }
        });

        this.currStore.load({
            params:{
                start:0,
                limit: 4,
            }
    }); 

    var config =
    {
        columns     : this.defaultModel,
        store       : this.currStore,
        columnLines : true,
        loadMask    : true,
        autoScroll  : true,
        tbar : [{
            xtype : 'button',
            text : 'Refresh',
            iconCls : 'btn-refresh',
            scope : this,
            handler : this.refreshGridData
        }],
        dockedItems: [{
            xtype: 'pagingtoolbar',
            store: this.currStore,   // same store GridPanel is using
            dock: 'bottom',
            id:'pagingErrNot1',
            pageSize:4,
            displayInfo: true,
            emptyMsg: "No notification  to display",
            listeners:{
                beforechange : {
                    scope : this,
                    fn : function(pagingtoolbar,pageNumber,scope)
                    {
                    }
                }
            }
        }],
    };

    Ext.apply(this,config);
    this.callParent(arguments);
    }

数据具有上面给出的格式，并且在从服务器端返回数据后调用setdata。

    setData:function(data)
    {
        this.getStore().loadData(data);
        this.getView().refresh();

    }

但是在loadData之后，网格是空的，并且pagingtoolbar显示为disabled.WHat我做错了吗？