项目中经常会使用到表格,数据量大的时候还需要进行分页,项目设计阶段,我选择了bootstrapTable的js插件,个人觉得这个框架非常好用,支持服务器端分页,此篇主要写的主要是关于服务器分页。之前遇到的问题时服务器分页,在服务器端接收的参数为null。查了资料发现少了参数
主要引入js
rush:js;">
rush:js;">
$('#bootstrap_table')
.bootstrapTable(
{
method : 'post',url : basePath + "/XXXServlet",
cache : false,striped : true,// height : 480,locale : 'zh-CN',sidePagination : 'server',pagination : true,clickToSelect : true,// 单击行即可以选中
sortName : 'SENDTIME',// 设置默认排序为 SENDTIME
sortOrder : 'desc',// 设置排序为反序 desc
pageSize : 10,pageNumber : 1,Pagelist : [ 10,20,50,100,200,500 ],queryParams : function(e) {
var param = {
userId : $("#userId").val(),type : "db",
};
return param;
},search : false,showColumns : false,showRefresh : false,columns : [
{
field : "ID",title : "编号",align : "center",valign : "middle",sortable : "true"
},{
field : "NAME",title : "名称",{
field : "AGE",title : "年龄",{
title : "操作",field : "id",formatter : function(value,row,index) {
var e = ' ';
var d = ' ';
return e + d;
}
} ],onLoadSuccess : function(data) {
initUserInfo(data.userInfo);
},formatNoMatches : function() {
return '无符合条件的记录';
},onDblClickRow : function(row,$element) {
}
});
需要注意的是红色的部分。当时post请求是,需要注意
rush:js;">
这个参数,必须要有,不然服务器获取不到参数。
以上所述是小编给大家介绍的BootStrapTable服务器分页实例解析。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。