Extjs4 在分页期间用所有记录填充网格

Extjs4 在分页期间用所有记录填充网格,extjs4,Extjs4,下面是我的js文件中的代码…我遇到的问题是网格中正在填充所有数据,并且没有实现分页 页数和正确编号的分页PAR出现,但同时所有的数据…PLZ帮助< /P> Ext.onReady(function(){ Ext.QuickTips.init(); //defining model Ext.define('User1', { extend: 'Ext.data.Model', fields: [ 'fullName'] }); //defining store

下面是我的js文件中的代码…我遇到的问题是网格中正在填充所有数据,并且没有实现分页

页数和正确编号的分页PAR出现,但同时所有的数据…PLZ帮助< /P>
 Ext.onReady(function(){
    Ext.QuickTips.init();

//defining  model 
Ext.define('User1', {
    extend: 'Ext.data.Model',
    fields: [ 'fullName']
});

 //defining store

var registerBaby = Ext.create ( 'Ext.data.ArrayStore',{
    model: 'User1',
    autoLoad: true,      // autoload have been implemented  
    pageSize: 4,        
    proxy: {
        type: 'ajax',
        url : 'ActionServlet?id=gridPaging',   //points to a controller servlet
        reader: {
            type: 'json',
            root: 'users',
            totalProperty: 'total'
        }
    }       
});
 //I have a form panel which contain grid panel (need it for my implementation)

var registerGrid = Ext.create ('Ext.form.Panel',{
    renderTo : Ext.getBody(),
    id:'gridForm',
    title:'Registration<h2> ',
    frame : true,       
    bodyPadding: 5,
     layout: 'column',
     items: [{
         xtype: 'gridpanel',
            store: registerBaby,
         height: 300,          
         title:'Reistration Baby Data',            
         columns: [{
                       id     : 'fullName',
                       text   : 'Child Name',                  
                       dataIndex: 'fullName'
                   }],
                   dockedItems: [{  
                       xtype: 'pagingtoolbar',   
                       store: registerBaby,       //same store as grid  
                       dock: 'bottom',          
                       displayInfo: true    
                      }]                    
            }]
    });  
 });
Ext.onReady(函数(){
Ext.QuickTips.init();
//定义模型
Ext.define('User1'{
扩展:“Ext.data.Model”,
字段:[“全名”]
});
//定义存储
var registerBaby=Ext.create('Ext.data.ArrayStore'{
模型:“User1”,
自动加载:true,//已实现自动加载
页面大小:4,
代理:{
键入:“ajax”,
url:'ActionServlet?id=gridPaging',//指向控制器servlet
读者:{
键入:“json”,
root:'用户',
totalProperty:'total'
}
}       
});
//我有一个包含网格面板的表单面板(我的实现需要它)
var registerGrid=Ext.create('Ext.form.Panel'{
renderTo:Ext.getBody(),
id:'gridForm',
标题:"注册",,
框架:对,
车身衬垫:5,
布局:“列”,
项目:[{
xtype:“gridpanel”,
商店:注册人:,
身高:300,
标题:“重新筛选婴儿数据”,
栏目:[{
id:'全名',
文本:“子名称”,
数据索引:“全名”
}],
dockedItems:[{
xtype:“pagingtoolbar”,
store:RegisterBary,//与网格相同的存储
船坞:“底部”,
displayInfo:true
}]                    
}]
});  
});

除了使用pagesize和autoload,所有记录都显示在网格中。plz help

分页应该在后端处理,如果您的请求将所有数据发送到存储,那么所有数据都将显示出来

选中:“分页通常在服务器端处理(请参见下面的异常)。客户端将参数发送到服务器端,服务器需要对其进行解释,然后使用适当的数据进行响应。”

您需要解释分页在请求中发送的额外参数,如limit和start参数,并返回这些限制内的数据