ExtJS分頁工具欄開始頁面

Question

我有一個ExtJS GridPanel，在底部有一個商店和一個分頁工具欄。 我可以使用以下方法通過瀏覽器手動設置起始頁：

www.someurl.com/page/7

這將正確加載第7頁的數據存儲。 但是，分頁工具欄不會更新商店中的頁碼（仍然顯示1）。 我的印象是，通過更改商店的頁面也會更改分頁工具欄中的頁面，但事實並非如此。 這是一些示例代碼：

var _store = new Ext.data.Store({
  id          : 'store_id',
  remoteSort  : true,
  autoDestroy : true,
  restful     : true,
  proxy       : _proxy,
  reader      : _reader,
  writer      : _writer
});

var _pagingToolbar = new Ext.PagingToolbar({
  displayInfo    : true,
  pageSize       : 20,
  store          : _store
});

_I.grid = new Ext.ux.GridPanel({
 id             : _I.options.id+'_grid',
 title          : _I.options.title,
 store          : _store,
 bbar        : _pagingToolbar
});


_I.options.page = 7; //start store on page 7

_I.grid.render('somediv');
_store.load({params:{start:_I.options.page, limit:20, sort:'id', dir:'ASC'}});

由於起始頁面設置為7，因此存儲在商店中的數據是正確的，但是，分頁工具欄中的頁面顯示為2。

_pagingToolbar.changePage(20); // should set page to 20

我得到相同的結果，數據存儲區加載正確的頁面，但是工具欄文本未更改。 順序錯了嗎？ 我還嘗試在渲染網格之前加載商店，但沒有結果，結果相同。

Answer 1

由於商店和分頁欄是固有鏈接的，因此您只需使用.changePage(n)方法即可更改頁面並自動調整商店的內容。 您也不需要使用記錄集更新對商店進行編碼。 另外，您是否100％確定商店顯示的頁面“ 7”的正確記錄？

Answer 2

您要從服務器端返回哪些分頁信息？ PagingToolbar只是從商店獲取該信息。

您能否顯示您的閱讀器以及顯示分頁數據的服務器響應部分？