1. 程式人生 > >bootstrap-table 控制器的傳入引數limit和offset

bootstrap-table 控制器的傳入引數limit和offset

4、引數上傳

我們知道,當我們對table設定一個url的時候,他不僅是請求這個url,他還會帶一些引數上來,他到底帶來了什麼引數?

我們來一個最簡單的測試一下:

[javascript] view plain copy
  1. $('#table').bootstrapTable({  
  2.     striped: true,  
  3.     pagination:true,  
  4.     sidePagination:'server',  
  5.     url:'/xx/yy',  
  6.     columns: [{  
  7.         field: 'id',  
  8.         title: 'Item ID'
  9.     }, {  
  10.         field: 'name'
    ,  
  11.         title: 'Item Name'
  12.     }, {  
  13.         field: 'price',  
  14.         title: 'Item Price'
  15.     }]  
  16. });  

這裡我們簡單的初始化了一個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,這是不對的。