bootstraptable只能搜索当前页问题

       在进行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);
	    }


            

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值