前几天项目中使用的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