bootstrap-table資料刷新後留在當前頁

專案中在使用到bootstrap-table的時候，修改完資料之後應該停留在當前頁，但是通常會跳到我們初始化時定義的預設頁上去，這裡我們介紹如何實現資料刷新後停留在目前頁面。

推薦教學：Bootstrap入門教學

# 取得目前頁

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

$table.bootstrapTable('getOptions')

重新請求數據

#　　我們修改完數據以後需要重新請求數據，可以使用refresh或再次進行初始化調用，我這裡使用了再次初始化調用。透過將目前頁作為參數傳遞進去。

通过调用初始化函数刷新数据
 init(pageIndex);

    function init(pageIndex){
      $('#table').bootstrapTable({
        method:'get',
        url: '/admin/student/getAllStudent',
        striped:true,
        cache:false,
        uniqueId:'id',
        clickToSelect: true,
        pagination:true, //设置分页
        pageNumber:pageIndex || 1,//初始化加载第一页，默认第一页
        queryParams : queryParams,//请求服务器时所传的参数,
        sidePagination:'server',
        pageSize:10,//单页记录数,
        pageList:[10,20,30,40],//分页进步值
        columns: [{  //列参数
          field: 'sid',
          title: 'sid',
        }, {
          field: 'name',
          title: 'name'
        }, {
          field: 'grade',
          title: 'grade'
        },{
          field: 'password',
          title: 'password'
        },{
          field: 'Button',
          title: '操作',
          events: operateEvents,
          formatter:AddFunctionAlty//表格中增加按钮
        },
        ]
      });
    }

總結

實現資料刷新後停留在當前頁，是我們經常會遇到的問題，這裡簡單地記錄了實現方法。也許有更簡單的方法。

想要免費下載bootstrap模板，可存取 bootstrap模板 欄位！

以上是bootstrap-table資料刷新後留在當前頁的詳細內容。更多資訊請關注PHP中文網其他相關文章！