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();
});
那也是json格式,如果使用ext分页的话,你那json格式没法分页。只有改后台json格式
ext分页就两种形式:
1、前端分页——后台一次返回所有记录,前台页面缓存所有记录,store每次载入一定数量记录从而实现分页效果
2、后端分页——后台每次只返回前台一度数量的记录,store全部载入
var store=new Ext.data.JsonStore({
url: 'ExtJson',
root:'',//只定数据root节点
totalProperty : 'total',//设置条数
fields:["id","sex","name"]
});
store.load({ //分页参数
params:{
start:0,
limit:3
}
});
这种数据不能分页。你可参考下面数据
{
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',