bootstrap-table數(shù)據(jù)刷新后留在當前頁的方法

這篇文章主要介紹了bootstrap-table數(shù)據(jù)刷新后留在當前頁的方法，具有一定借鑒價值，需要的朋友可以參考下。如下資料是關(guān)于bootstrap-table數(shù)據(jù)刷新后留在當前頁的詳細步驟內(nèi)容。

項目中在使用到bootstrap-table的時候，修改完數(shù)據(jù)之后應(yīng)該停留在當前頁，但是通常會跳轉(zhuǎn)到我們初始化時定義的默認頁上去，這里我們介紹如何實現(xiàn)數(shù)據(jù)刷新后停留在當前頁。

獲取當前頁

要想停留在當前頁，我們首先需要獲取當前頁。bootstrap-table定義了getOptions可以獲取到非常多的表格信息，其中就包括當前頁。

$table.bootstrapTable('getOptions')

重新請求數(shù)據(jù)

　　我們修改完數(shù)據(jù)以后需要重新請求數(shù)據(jù)，可以使用refresh或者再次進行初始化調(diào)用，我這里使用了再次進行初始化調(diào)用。通過將當前頁作為參數(shù)傳遞進去。

通過調(diào)用初始化函數(shù)刷新數(shù)據(jù)
 init(pageIndex);

    function init(pageIndex){
      $('#table').bootstrapTable({
        method:'get',
        url: '/admin/student/getAllStudent',
        striped:true,
        cache:false,
        uniqueId:'id',
        clickToSelect: true,
        pagination:true, //設(shè)置分頁
        pageNumber:pageIndex || 1,//初始化加載第一頁，默認第一頁
        queryParams : queryParams,//請求服務(wù)器時所傳的參數(shù),
        sidePagination:'server',
        pageSize:10,//單頁記錄數(shù),
        pageList:[10,20,30,40],//分頁進步值
        columns: [{  //列參數(shù)
          field: 'sid',
          title: 'sid',
        }, {
          field: 'name',
          title: 'name'
        }, {
          field: 'grade',
          title: 'grade'
        },{
          field: 'password',
          title: 'password'
        },{
          field: 'Button',
          title: '操作',
          events: operateEvents,
          formatter:AddFunctionAlty//表格中增加按鈕
        },
        ]
      });
    }

總結(jié)

以上就是bootstrap-table數(shù)據(jù)刷新后留在當前頁的解決方法，內(nèi)容較為全面，小編相信有部分知識點可能是我們?nèi)粘９ぷ骺赡軙姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學(xué)到更多知識。