ext分页grid能显示数据,但pagingtoolbar不能得到数据,问题解决

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}]}}

猜你喜欢

转载自blog.csdn.net/jinyulong84/article/details/68061508
今日推荐