bootstrap 分页之后的查询问题

发布于 2021-12-03 10:46:57 字数 2129 浏览 803 评论 2

function initTableGrid(){
   //初始化Table
    $('#reportTable').bootstrapTable({
        url: "../dmreportperformledgerhis/list", //请求后台的URL(*)
        data: JSON.stringify(getQueryParams()),
        dataType: "json",
        method: 'get',                      //请求方式(*)
        //toolbar: '#toolbar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
        pagination: true,                   //是否显示分页(*)
        sortable: false,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        queryParams: getQueryParams(), //参数
        queryParamsType: "page", //参数格式,发送标准的RESTFul类型的参数请求
        sidePagination: "server",           //分页方式:client客户端分页,server服务端分页(*)
        pageNumber: 1,                       //初始化加载第一页,默认第一页
        pageSize: 20,                       //每页的记录行数(*)并控制分页
        pageList: [20, 50, 100, 200],        //可供选择的每页的行数(*)
//        search: true,                       //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
        strictSearch: true,
        showColumns: true,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        height: tableHeight(),                        //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
        uniqueId: "ID",                     //每一行的唯一标识,一般为主键列
//        showToggle: true,                    //是否显示详细视图和列表视图的切换按钮
//        cardView: false,                    //是否显示详细视图
        detailView: false ,                  //是否显示父子表
        formatNoMatches: function () {  //没有匹配的结果
            return '无符合条件的记录';
          },
function getQueryParams(){

   return {
           page  :1,
           limit :20,
           statPeriod: $("#STAT_PERIOD").val()
       };
}

 

$("#searchButton").click(function(){
//reload();
   getQueryParams();
    // 显示之前,先把当前表格销毁
      $('#reportTable').bootstrapTable('destroy');




    //加载数据
    initTableGrid();


});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

卸妝后依然美 2021-12-05 09:51:38

刚刚解决了问题。不过也是非常谢谢你的回答 谢谢

策马西风 2021-12-05 02:35:00

以上是JS的代码,问题是我再getQueryParams这里定义了 page=1之后,我查询的时候传进来的page=1,但是我点第二页的时候 怎么样才能吧page=2传进来呢。 不知道怎么修改~大家帮帮忙

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文