天天看点

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

继续阅读