bootstrapTable分页后搜索时会保留在当前页的问题
在网上找了很多资料,都说重新设置pageNumber=1
$('#exampleTable').bootstrapTable({pageNumber:1,pageSize:10});
上面方法亲测试过是没有用的。
后来找到一位兄台的方法原文点这里
$("#exampleTable").bootstrapTable('refresh');
$('#exampleTable').bootstrapTable('selectPage', 1);
方法虽然可行,但我发现这样写会请求后台两次,就把第一个表格刷新删掉,只保留一个跳转首页,结果成功;
function load() {
$('#exampleTable')
.bootstrapTable(
{
method : 'get', // 服务器数据的请求方式 get or post
url : prefix + "/list", // 服务器数据的加载地址
iconSize : 'outline',
toolbar : '#exampleToolbar',
striped : true, // 设置为true会有隔行变色效果
dataType : "json", // 服务器返回的数据类型
pagination : true, // 设置为true会在底部显示分页条
singleSelect : false, // 设置为true将禁止多选
pageSize : 10, // 如果设置了分页,每页数据条数
pageNumber : 1, // 如果设置了分布,首页页码
showColumns : true, // 是否显示内容下拉框(选择显示的列)
sidePagination : "server", // 设置在哪里进行分页,可选值为"client" 或者 "server"
queryParams : queryParams,
queryParamsType : "limit",
columns:[]
});
}
function reLoad() {
$('#exampleTable').bootstrapTable('selectPage', 1);
}
function queryParams(params) {
var temp ={
limit: params.limit,
offset:params.offset,
companyname:$('#companyname').val(),
applyphone:$('#applyphone').val()
};
return temp;
}