bootstrap-table 控制器的傳入引數limit和offset
阿新 • • 發佈:2019-02-05
4、引數上傳
我們知道,當我們對table設定一個url的時候,他不僅是請求這個url,他還會帶一些引數上來,他到底帶來了什麼引數?
我們來一個最簡單的測試一下:
[javascript] view plain copy- $('#table').bootstrapTable({
- striped: true,
- pagination:true,
- sidePagination:'server',
- url:'/xx/yy',
- columns: [{
- field: 'id',
- title: 'Item ID'
- }, {
- field: 'name'
- title: 'Item Name'
- }, {
- field: 'price',
- title: 'Item Price'
- }]
- });
這裡我們簡單的初始化了一個bootstrap-table,資料來源我們指定了url,有個引數叫method,預設是'get',也可以設為'post',如果實際上線最好設為'post',但是這裡我們就用預設的好了,可以直接在瀏覽器的控制檯看到他請求的引數。
我們可以看到帶了一些引數上來
(1)order=asc表示排序是升序排序,這個我們可以在引數裡面設定:sortOrder: "asc/desc"(兩種選一種)
(2)offset=0表示從資料從哪個row開始,簡單的說從第幾行資料開始
(3)limit=10表示選取多少個數據,也就是一頁有多少條資料
2,3跟引數pageNumber和pageSize是緊密關聯的。
pageSize對應的就是limit,因此改變pageSize就改變了limit;
pageNumber結合pageSize可以算出offset。
比如pageNumber=1,pageSize=30,那麼offset=0,limit=30;
比如pageNumber=2,pageSize=30,那麼offset=30,limit=30。
他不傳第幾頁上來,而是傳從第幾行開始,選取多少行,這樣一個數據。
注意:pageNumber從1開始而非從0開始,但是offset是從0開始的。
如果我嘗試設定pageNumber:0,pageSize:30我們會發現offset=-30,limit=30,這是不對的。