Ext Js4 grid不显示数据

var blogStore = Ext.create('Ext.data.Store', {
pageSize:4,
proxy:{
type:'ajax',
url:'getAllBlogsByPage',
reader:{
type:'json',
totalProperty:'total',
root:'data'
}
},
fields:[{name:'id', type:'int'},
{name:'title', type:'string'}],
autoLoad:true
});一部分代码：
{
region:'west',
xtype:'gridpanel',
width:280,
columns:[{text:'Blog列表', dataIndex:'title', width:'100%'}],
Listeners:{
itemclick:function(view, record, item, index, evt){
var tabPanel = Ext.getCmp('my_center');
var targetTab = Ext.getCmp(record.data.id);
if(targetTab){
tabPanel.setActiveTab(targetTab);
}
else{
showTargetBlog(record.data.id, tabPanel);
}
}
},
store:blogStore,
bbar:{
xtype:"pagingtoolbar",
store:blogStore,
displayInfo:false
}
},后台的数据：
{"total":1,"data":[{"id":1,"title":"为什么都不好好工作！！！"}]}求各位帮我看看吧，第一次用Ext jsextjavascriptajaxjson