Question

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

页面数量和正确编号的分页标准出现但同时所有数据也出现了... plz help

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

尽管使用了pagesize和autoload，但所有记录都显示在Grid中。请帮忙

Answer 1

分页应该在后端处理，如果你的请求将所有数据发送到商店，那么所有数据都会显示出来。

检查docs：“通常在服务器端处理寻呼（请参阅下面的例外情况）。客户端将参数发送到服务器端，服务器需要解释这些参数，然后使用适当的数据进行响应。”

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

在分页期间，网格将填充所有记录

1 个答案: