bootstrap table 初始化以及搜索刷新问题
bootstrap 初始化数据和根据条件查询以及后端分页排序
1、bootstrap table 初始化:
$("#bootstrap-table").bootstrapTable({
url: prefix + "/url",
method: 'get',
queryParams: function(params) {
return {
page: this.pageNumber,
limit: this.pageSize,
asc:this.sortOrder,
field:this.sortName,
username: $.trim($('#searchusername').val())
}
},
type: 0, // 0 代表bootstrapTable 1代表bootstrapTreeTable
height: undefined,
sidePagination: "server",
sortName: "id",
sortOrder: "asc",
pagination: true,
pageSize: 10,
pageList: [10, 25, 50],
toolbar: "#toolbar",
striped: false,
escape: false,
showFooter: false,
search: false,
showSearch: true,
showPageGo: false,
showRefresh: true,
showColumns: true,
showToggle: true,
showExport: false,
clickToSelect: false,
rememberSelected: false,
fixedColumns: false,
fixedNumber: 0,
rightFixedColumns: false,
rightFixedNumber: 0,
responseHandler: function(res) {
return {
"total": parseInt(res.msg),//总页数
"rows": res.data //数据
};
},
columns: [{
checkbox: true
},
{
field: 'username',
title: '用户名称',
},
]
});
2、若后端返回的数据不是标准格式的话,需要对数据进行处理:
responseHandler: function(res) {
return {
"total": parseInt(res.msg),//总页数
"rows": res.data //数据
};
},
注:total为正整数类型
3、填写搜索条件后刷新表格数据
$('#bootstrap-table').bootstrapTable('refreshOptions',{pageNumber:1});
注:pageNumber设为1,是为了每次查询后重置页码为1,防止查询后表格页码还停留在搜索前的页面上