extjs4 進行查詢操作化後,頁面自動跳至查詢結果後第一頁

 

將顯示的底部分頁工具欄代碼

                // 底部工具欄
              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();//跳至第一頁

 

發佈了23 篇原創文章 · 獲贊 3 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章