bootstraptable插件 只能搜索当前页问题

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 
 

发布了54 篇原创文章 · 获赞 8 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/yang295242361/article/details/89926204
今日推荐