[JavaScript知识库] bootstrapTable 分页数据查询异常

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> bootstrapTable 分页数据查询异常 -> 正文阅读

[JavaScript知识库]bootstrapTable 分页数据查询异常

现象：查询非第一页的数据，第一次查询的时候查询不到。

解决：在搜索按钮的方法中添加如下方法即可。

注意，pageNumber 字段名必须与bootstrapTable 表定义中的页码字段名相同，否则无效。

搜索后的刷新方法如下：

function refresh() {
   $('#exampleTableEvents').bootstrapTable('refresh',{pageNumber:1});
}

bootstrapTable 表定义中的定义：

 $('#exampleTableEvents').bootstrapTable({
            url: dataUri,//端分页格式
            sidePagination: 'server',//服务端分页，参考文档
            pagination: true,//显示分页工具栏
            paginationLoop: false,//分页按钮循环（首页时点击上一页按钮显示尾页内容）
            paginationPreText: "上一页",
            paginationNextText: "下一页",//上/下一页文案，默认为箭头
            uniqueId: "id",
            pageSize: 10,
            pageNumber: 1, // 页码
            pageList: [10, 15, 30],//分页步进值
            theadClasses: "thead-blue",//设置thead-blue为表头样式
            clickToSelect: true,//点击选中行
            iconSize: 'outline',
            selectItemName: 'ajaxRadio'
......其他代码省略，主要是页码字段名要与刷新方法中的字段名相同