问题描述
Ext.onReady(function(){ var store=new Ext.data.JsonStore({ url: 'ExtJson', fields:["id","sex","name"] }); var columns = new Ext.grid.ColumnModel([ {header: '学号', dataIndex: 'id'}, {header: '性别', dataIndex: 'sex'}, {header: '姓名', dataIndex: 'name'} ]); var grid = new Ext.grid.GridPanel({ renderTo:"json", title: '学生信息列表', region: 'center', height:300, loadMask: true, store: store, cm: columns, sm: new Ext.grid.RowSelectionModel({singleSelect:true}), viewConfig: { forceFit: true }, bbar: new Ext.PagingToolbar({ pageSize:3, store: store, displayInfo: true }) }); store.load(); Ext.get("json").show(); }); 问题补充：lizhi92574 写道
解决方案
那也是json格式，如果使用ext分页的话，你那json格式没法分页。只有改后台json格式
解决方案二：
这种数据不能分页。你可参考下面数据{total:20,data:[{id:'1',sex:'男',name:'问问'},{id:'2',sex:'男',name:'tuoweidong'},{id:'3',sex:'女',name:'强明'},"{id:'4',sex:'男',name:'问问'},{id:'5',sex:'男',name:'tuoweidong'},{id:'6',sex:'女',name:'强明'}]} root:'data'totalProperty : 'total',
解决方案三：
var store=new Ext.data.JsonStore({ url: 'ExtJson', root:'',//只定数据root节点 totalProperty : 'total',//设置条数 fields:["id","sex","name"] }); store.load({ //分页参数 params:{ start:0, limit:3 }});
解决方案四：
ext分页就两种形式：1、前端分页——后台一次返回所有记录，前台页面缓存所有记录，store每次载入一定数量记录从而实现分页效果2、后端分页——后台每次只返回前台一度数量的记录，store全部载入