bootstraptable控制分页_bootstrapTable 后台分页设置 分页参数修改

在使用bootstrapTable插件进行后台分页时,修改传入的参数名称变化,具体修改参考下面设置

$('#table').bootstrapTable({

contentType: "application/x-www-form-urlencoded",

url: '/test',//请求地址

method: 'post',//ajax方式,post还是get

ajaxOptions: {//ajax请求的附带参数

data: {}

},

striped: true, //是否显示行间隔色

cache: false, //是否使用缓存,默认为true

pagination: true, //是否显示分页(*)

sortable: true, //是否启用排序

sortOrder: "desc", //排序方式

pageNumber: 1, //初始化加载第一页,默认第一页

pageSize: 10, //每页的记录行数(*)

pageList: [10, 50, 100], //可供选择的每页的行数(*)

queryParamsType: 'limit', //默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort

queryParams: function (param) {

var newParam = {

currentPage:(param.offset / param.limit) + 1, //页码,

pageSize:param.limit,//页面大小

sort:param.sort,//排序字段

dir:param.order//顺序

};

return $.extend(me.queryParams, newParam);

}, // 向后台传递的自定义参数

sidePagination: 'server', //分页方式:client客户端分页,server服务端分页(*)

responseHandler: function(res){

var result = {total:0,rows:[]};

if(res.page.totalCount > 0){

result.total = res.page.totalCount;

result.rows = res.dataList;

}

return result;

},

pagination: true,//是否显示分页条

............

});

返回的数据结构不是标准的结构时{total:2,row[{...},{...}]}

需要在responseHandler 函数中修改返回值。


版权声明:本文为weixin_39714191原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。