store 文件代码:
Ext.define('TEST.store.List',{
extend: "Ext.data.Store",
model:'TEST.model.List',
pageSize: 15,
proxy: {
type: 'ajax',
url: 'server/testPage4.json',
reader: {
root: 'data.data',
totalProperty: 'data.totalCount'
}
},
autoLoad:true
});
view文件代码:
Ext.define('TEST.view.List',{
extend:'Ext.grid.Panel',
store:'List',
//title:'运营商信息列表',
columns:[
{header:'站点ID',dataIndex:'stationId',flex:2},
{header:'站点名称',dataIndex:'stationName',flex:2},
{header:'具体位置',dataIndex:'addr',flex:6},
{header:'省',dataIndex:'provinceId',flex:2},
{header:'市',dataIndex:'cityId',flex:3},
{header:'区',dataIndex:'countyId',flex:4},
{header:'经度',dataIndex:'longitude',flex:2},
{header:'纬度',dataIndex:'latitude',flex:2},
{header:'地图显示',dataIndex:'level',flex:2}
],
dockedItems: [{
xtype: 'pagingtoolbar',
**store: this.store,** //重点是这个
//store:'List', //如果将store改成跟上面的store相同 就可以正常显示,还没搞明白this.store难道不是这个List??? 20170330补充:应该是这样的在获取数据时store使用的就是List,但是在pagingtoolbar调用时,这时候的this.store就不对了,所以就一直显示没有数据
dock: 'bottom',
displayInfo: true
}],
});
失败时截图:
成功后截图:
补充json数据:
{"data":{"totalCount":123,"data":[{stationId:1,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:2,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:3,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:4,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:5,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:6,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:7,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:8,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:9,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:10,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:11,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:23,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:24,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456},
{stationId:25,stationName:"zhangsan",addr:"永邦电气院内",provinceId:"2",provinceId:3,cityId:4,countyId:6,longitude:123,latitude:456}]}}