bootstraptable控制分页_请教一下 bootstrapTable 和 pageHelper 实现服务端分页

数据前台能查到,表格能显示,但是表格左下方数据总量显示 undefined,右下角无分页栏,就是没有“下一页,上一页”这些,控制台中 total 总数没问题,往前台传了,并且 onLoadSuccess 事件中能打印出来 totalRows (看了 bootstraptable 官网的属性说明,好像这个是显示数据总量的,我后台传上来的变量叫 total,它应该自动赋值了)

$("#table2").bootstrapTable({

method: 'POST',

contentType : "application/x-www-form-urlencoded",

// dataType: 'json',

url: "",

cache: false,

load: false,

toolbar : "#toolbar",

toolbarAlign: 'right',

clickToSelect: true,

sidePagination: "server",

pagination: true,

totalRows: 6,

pageNumber: 1,

pageSize: 2,

pageList: [1, 3],

smartDisplay: false,

onlyInfoPagination: false,

columns: getColumns(),

onLoadSuccess: function (jsonData) {

$("#table2").bootstrapTable('load', jsonData.list);

},

onLoadError: function () {

bootbox.alert("加载失败");

},

queryParams: function () {

var params = {

limit: this.limit,

offset: this.offset,

pageNumber: this.pageNumber,

pageSize: this.pageSize

};

return $.extend(params, queryParamsF());

}

});

前端接收到的数据

endRow: 2

hasNextPage: true

hasPreviousPage: false

isFirstPage: true

isLastPage: false

list: [{id: 1, bookName: "长安 1", author: "林德霍尔姆", price: 99.9, state: "可借", sid: 2,…},…]

0: {id: 1, bookName: "长安 1", author: "林德霍尔姆", price: 99.9, state: "可借", sid: 2,…}

1: {id: 2, bookName: "Java 虚拟机规范", author: "林德霍尔姆", price: 99.9, state: "不可接", sid: 2,…}

navigateFirstPage: 1

navigateLastPage: 3

navigatePages: 8

navigatepageNums: [1, 2, 3]

0: 1

1: 2

2: 3

nextPage: 2

pageNum: 1

pageSize: 2

pages: 3

prePage: 0

size: 2

startRow: 1

total: 6

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值