將顯示的底部分頁工具欄代碼
// 底部工具欄
bbar: new Ext.PagingToolbar({
pageSize: 1,
store: store,
displayInfo: true
}),
替換爲:
dockedItems: [{
xtype: 'pagingtoolbar',
id:'pagingTool',
pageSize: 20,
store: store, // same store GridPanel is using
dock: 'bottom',
displayInfo: true
}]
即 爲pagingtoolbar賦上一個ID。然後在點擊查詢按鈕後的事件裏進行pagingtoolbar跳轉:
var pagingTool=Ext.getCmp("pagingTool");
pagingTool.moveFirst();//跳至第一頁