问题记录——bootstrapTable分页后搜索时会保留在当前页的问题及解决方法

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;
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值