페이징 중 모든 레코드가 모눈에 채워짐

Question

다음은 내 js 파일의 코드입니다 ... 내가 가지고있는 문제는 그리드가 모든 데이터로 채워지고 페이징이 구현되지 않는다는 것입니다.

페이지와 적절한 번호의 번호 페이징 파가 나타나지만 동시에 모든 데이터가 너무 ... PLZ 모든 레코드가 표시됩니다의 페이지 크기 및 자동로드를 사용하는

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

Inspite 도움 Grid에서. plz help

Answer 1

페이징은 백엔드에서 처리해야합니다. 요청이 모든 데이터를 저장소로 전송하면 모든 데이터가 표시됩니다.

docs : "페이징은 일반적으로 서버 측에서 처리됩니다 (아래 예외 참조). 클라이언트는 서버가 해석해야하는 매개 변수를 서버 측에 보내고 적절한 데이터로 응답해야합니다."

한계 및 시작 매개 변수와 같이 요청에서 페이징이 전송하는 추가 매개 변수를 해석하고 해당 제한 내에서 데이터를 반환해야합니다.