https://blog.csdn.net/zhouxiaoyujcut/article/details/79355643
在进行bootstrapTable的使用过程中遇到了自己添加条件查询时,总是只能查询到当前页面的符合条件的数据,遇到当前页面没有的情况那么直接显示空。这个问题困扰了很久,最终在很多博客中进行整合才得以解决,这里进行下总结。
1.bootstarpTable的条件查询的集成。
(1)页面加载位置的更改。
<table id="table_list" data-url="${ctx!}/admin/orderinfo/list" data-query-params="queryParams" data-query-params-type="undefined"></table>
(2)查询条件的获取
function queryParams(params) {
var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
pageSize: params.pageSize, //页面大小
pageNumber: params.pageNumber, //页码
phoneNos:$("#phoneNos").val(),
allocateStartTime:$("#allocateStartTime").val(),
allocateEndTime:$("#allocateEndTime").val(),
callbackStartTime:$("#callbackStartTime").val(),
callbackEndTime:$("#callbackEndTime").val(),
chargeStartTime:$("#chargeStartTime").val(),
chargeEndTime:$("#chargeEndTime").val(),
lastStartTime:$("#lastStartTime").val(),
lastEndTime:$("#lastEndTime").val(),
charged:$("#charged").val(),
callbackStatus:$("#callbackStatus").val(),
lastStatus:$("#lastStatus").val(),
userName:$("#userName").val(),
portId:$("#portId").val(),
operator:$("#operator").val(),
districtCode:$("#districtCode").val(),
value:$("#value").val(),
sortName: params.sortName, //排序列名
sortOrder: params.sortOrder//排位命令(desc,asc)
}
return temp;
}
(3)查询事件的激发。这里一定要注意每次查询时应该从第一页开始显示,并且那一页的页码应该被设置为选中。看到网上有很多的解决方案是写成。
function search(){
$("#table_list").bootstrapTable('refresh');
$("#table_list").bootstrapTable('refreshOptions',{pageNumber:'1'});
}
其实这么写功能上是没有问题的,只是第一页的页码不会被选中。还有如果在刷新参数前后不对表格进行refrush刷新的话,查询只能使用一次,下一次就会失效。那么最好的方法就是刷新后进行页码跳转。
function search(){
$("#table_list").bootstrapTable('refresh');
$('#table_list').bootstrapTable('selectPage', 1);
}
原文:https://blog.csdn.net/zhouxiaoyujcut/article/details/79355643