bootstraptable控制分页_bootstrapTable服务器端分页

前几天项目中使用的bootstrapTable出错,检查后才发现随着项目运行数据越来越多,一次性将所有数据返回到前台进行分页出现问题,rest请求数据有限制,超过这个限制值的数据将会抛弃,导致返回到前台的数据不完整,系统出错。

为解决这个问题尝试研究了下bootstrapTable插件的server端分页功能,更深入的了解这个插件的使用。

table的动态生成

$('#agencyTable').bootstrapTable({

method: 'post',

contentType: "application/x-www-form-urlencoded",//必须要有!!!!

url: "../rest/Uploadinfo/queryAgencyPage",//要请求数据的文件路径

height: 500,

toolbar: '#toolbar',//指定工具栏

striped: true, //是否显示行间隔色

dataField: "rows",

pageNumber: 1, //初始化加载第一页,默认第一页

pagination:true,//是否分页

queryParamsType:'limit',//查询参数组织方式

queryParams:queryParams,//请求服务器时所传的参数

sidePagination:'server',//指定服务器端分页

pageSize:5,//单页记录数

pageList:[5,10,20,30],//分页步进值

showRefresh:true,//刷新按钮

showColumns:true,

clickToSelect: true,//是否启用点击选中行

toolbarAlign:'right',//工具栏对齐方式

buttonsAlign:'right',//按钮对齐方式

toolbar:'#toolbar',//指定工作栏

columns:[

{

title:'全选',

field:'state',

checkbox:true,

width:25,

align:'center',

valign:'middle'

},

{

title:'id',

field:'id',

align:'center',

visible:false

},

{

title:'投诉信息',

field:'dataTime',

sortable:true,

formatter: f

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值