Ext JS Grid中的分頁

我必須創建一個帶分頁的網格。商店所需的json數據將進入ajax調用。在這裏我創建了商店，並加載了從ajax調用返回的數據。但是網格顯示所有返回的數據。我必須將其限制爲每頁5個。Ext JS Grid中的分頁

我嘗試下面的代碼，

 var store= new Ext.data.JsonStore({ 
     autoLoad : {params: {start: 0, limit: 5}}, 
     totalProperty : recordCount, 
     sortInfo : { field: "POS", direction: "ASC" }, 
     idProperty : 'POS', 
     data  : {}, 
     fields  : [ 
         {'name' : 'POS'}, 
         {'name' : 'NUM'}, 
         {'name' : 'TIT'}, 
         {'name' : 'MEN'}, 
         {'name' : 'EIH'}, 
         {'name' : 'WAE'}, 
         {'name' : 'PRI'}, 
         {'name' : 'LIF'}], 

    }); 

    var adrConn = $.getJSON('ajax.cfm', $.extend(test, { 
     }), function(r) { 
      activeData = r.DATA; 
      store.loadData(activeData); 
      } 
    ); 

    var grid = new Ext.grid.GridPanel({ 
      title   : '&raquo; test', 
      applyTo  : 'panel', 
      width   : 1000, 
      loadMask  : false, 
      autoHeight : true, 
      viewConfig : { 
       emptyText : 'No data to display' 
      },    
      tbar   : mainGridToolbar, 
      bbar   : new Ext.PagingToolbar({ 
        store   : store, 
        displayInfo : true 
      }), 
      store   : store, 
      columns: [ 
       {header: "1", width : 50, dataIndex: 'POS', sortable: true}, 
       {header: "2", dataIndex: 'NUM', sortable: true}, 
       {header: "3", dataIndex: 'TIT', sortable: true}, 
       {header: "4", dataIndex: 'MEN', sortable: true}, 
       {header: "5", dataIndex: 'EIH', sortable: true}, 
       {header: "6", dataIndex: 'WAE', sortable: true}, 
       {header: "7", dataIndex: 'PRI', sortable: true}, 
       {header: "8", dataIndex: 'LIF', sortable: true} 
      ] 
     });

任何幫助是必須的感激...三江源

來源

2012-08-10 lambypie

您需要處理的後端TE分頁太多。這可能是你獲得所有記錄的原因。 ExtJS只是將參數發送到您的後端，並期望它會返回正確的記錄。

在MySQL（偏移=啓動，限值爲限，你的頁面將是1這裏）：

SELECT column FROM table 
OFFSET 0 LIMIT 5

來源

2012-08-10 07:19:53

我沒有從後端獲取數據。它實際上從會話中獲取（要顯示的數據是購物車項目。）任何想法設置我從會話數據轉換的json數據的開始和限制。 – lambypie 2012-08-10 08:01:13

會話數據來自服務器。 – hobberwickey 2012-08-10 12:08:11

謝謝。我必須在客戶端設置分頁。全部數據現在存儲在客戶端可用的網格中。任何想法？ – lambypie 2012-08-14 04:32:09

通過使用PagingToolbar u能限制網格大小到5 在該工具欄，你可以聲明網格狀此

pageSize: 5,

PagingToolbar的示例是here！

希望這可以幫助你.....

來源

2012-12-17 14:06:39 jaggu

Ext JS Grid中的分頁

回答

相關問題