bootstrap-table如何實(shí)現(xiàn)數(shù)據(jù)刷新后停留在當(dāng)前頁(yè)

這篇文章主要為大家展示了“bootstrap-table如何實(shí)現(xiàn)數(shù)據(jù)刷新后停留在當(dāng)前頁(yè)”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“bootstrap-table如何實(shí)現(xiàn)數(shù)據(jù)刷新后停留在當(dāng)前頁(yè)”這篇文章吧。

獲取當(dāng)前頁(yè)

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

$table.bootstrapTable('getOptions')

重新請(qǐng)求數(shù)據(jù)

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

通過(guò)調(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è)置分頁(yè)        pageNumber:pageIndex || 1,//初始化加載第一頁(yè)，默認(rèn)第一頁(yè)        queryParams : queryParams,//請(qǐng)求服務(wù)器時(shí)所傳的參數(shù),        sidePagination:'server',        pageSize:10,//單頁(yè)記錄數(shù),        pageList:[10,20,30,40],//分頁(yè)進(jìn)步值        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//表格中增加按鈕        },        ]      });    }

以上是“bootstrap-table如何實(shí)現(xiàn)數(shù)據(jù)刷新后停留在當(dāng)前頁(yè)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！