解决bootstrap-table在切换分页后再次查询报错404问题

场景:

  默认进入到列表,显示的是全部数据,此时切换分页到第3页,然后再次使用搜索功能,此时会报错404

分析:

  发现第二次查询的入参如下:page_size=10&page=3&sortOrder=asc,page=3,问题就在这里,此时的查询应该page=1,当page=3时,该查询结果集并没有那么多页数,所以会报错404;

解决:

  在执行查询函数时将pageNumber属性设置为1,

// 搜索查询按钮触发事件
$(function () {
    $("#search-button").click(function () {
        {# 将pageNumber属性设置为1,解决切换分页时再次查询报错404 #}
        $('#mytab').bootstrapTable("refreshOptions",{pageNumber:1});
        $('#mytab').bootstrapTable(('refresh')); // 很重要的一步,刷新url!
        $('#search_app').val();
    })
})

  

原文地址:https://www.cnblogs.com/gcgc/p/14911466.html