天天看點

bootstrapTable 資料格式

1、用戶端資料格式

(1)

[{id:"1",name:"a"},{id:"2",name:"b"}]

這是最基礎的格式

(2)

else if (!$.isArray(data)) { // support fixedScroll
            fixedScroll = data.fixedScroll;
            data = data.data;
        }
           

從源碼可以看出來 如果不是從伺服器取資料  資料不是數組可以是如下格式

{data:[{id:"1",name:"a"},{id:"2",name:"b"}]}

2、伺服器資料格式

預設是  {total:0,rows:[]}

if (this.options.pagination && this.options.sidePagination === 'server') {
            this.options.totalRows = data[this.options.totalField];
            fixedScroll = data.fixedScroll;
            data = data[this.options.dataField];
        }
           

totalField="total"

dataField="rows"

有以上兩個預設的屬性。可以自定義,是以資料格式的key也是可以自定義的。

從源碼可以看出 需要 pagination=true 并且 sidePagination ="server" 同時成立才是這個伺服器資料格式。

3、另外,也可以使用 responseHandler 來格式化資料格式

responseHandler: function (res) {
            return res;
        }
           

通過option裡的這個方法 可以将自己的資料格式轉換成bootstrapTable支援的格式。

4、往背景傳的分頁參數

(1)預設分頁參數 

pageNumber  pageSize   pageList
           

(2)通過方法修改分頁參數

queryParams: function (params) {
            return params;
        },
           

該方法也可以傳其他參數

以上代碼部門均為源碼。

http://issues.wenzhixin.net.cn/bootstrap-table/assets/bootstrap-table/src/bootstrap-table.js

繼續閱讀