2012-05-23 3 views
0

xtype : 'pagingtoolbar'으로 구성된 응용 프로그램에 그리드가 있고이 그리드와 관련된 저장소가 pageSize : 10으로 구성되어 있으면 pagingtoolbar이 올바르게 표시됩니다. 다음)하지만 나는 그리드에 스크롤러가 있고 모든 레코드가 그리드에로드됩니다. ,페이징으로 그리드에서 스크롤러를 제거하는 방법 - Ext JS 4

Ext.define('Users',{ 
    extend: 'Ext.data.Store', 
    model: usersModel, 
    pageSize : 10, 
    proxy: { 
      type: 'ajax', 
      url: 'servletURL', 
      reader: { 
        type: 'json', 
        root: 'data', 
        successProperty: 'success', 
        totalProperty: 'total' 
      }, 
      writer: { 
       type : 'json', 
       root: 'data' 
    }, 
    actionMethods: { 
     read : 'POST', 
     create : 'POST', 
     update : 'POST', 
     destroy: 'POST' 
    }, 

}, 
sortOnLoad: true, 
sorters: { property: 'dateTimeTrx', direction : 'DESC' }, 

}); 

내가 제대로 서버 측에서 데이터를 수신하고 있습니다 : paging toolbar

그리드 :

xtype : 'gridpanel', 
store : mystore, 
height : 350, 
hidden : true, 
columns : [ { 
       dataIndex : 'firstName', 
       text  : 'First Name', 
       flex  : 1 
      },{ 
       dataIndex : 'lastName', 
       text  : 'Last Name', 
       flex  : 1 
      },{ 
       dataIndex : 'email', 
       text  : 'Email', 
       flex  : 1 
}], 
dockedItems : [ { 
     xtype : 'pagingtoolbar', 
     hight : 28, 
        displayInfo : true, 
     dock : 'bottom' 
} ] 

스토어 확실히 나는 그리드/저장 설정에서 STH를 누락 페이지를 표시 할 수는 없지만 위의 그림과 같이 pagingtoolbar이 제대로 표시 되더라도 모든 데이터가 한 페이지에 있습니다. 감사!

답변

1

ExtJs pagingtoolbar은 서버 응답에서 필요한 데이터를 추출하지 않습니다. 대신 서버가 현재 페이지에 표시해야하는 데이터와 정확하게 응답해야합니다. 서버에 필요한 데이터를 알려주기 위해 ExtJs는 추가 매개 변수 (예 : ?start=0&page=1&limit=10)를 보냅니다. 이 매개 변수에 따라 응답을 구성해야합니다.

+0

답장을 보내 주셔서 감사합니다. 이제 문제를 이해합니다. – Adil

관련 문제