bootstarp-table 属性介绍
$('#user_table').bootstrapTable({
method: 'post',
url: '<%=basePath%>spring/console/query/users',
dataType : "json",
contentType : "application/json; charset=utf-8",
striped : true, //使表格带有条纹
pagination : true, //在表格底部显示分页工具栏
pageSize: 22,
pageNumber: 1,
pageList : [ 10, 15, 20, 50, 100, 200, 500 ],//页面显示记录数的种类
idField: "ProductId", //标识哪个字段为id主键
showToggle: false, //名片格式
cardView: false,//设置为True时显示名片（card）布局
showColumns: true, //显示隐藏列
showRefresh: true, //显示刷新按钮
singleSelect : true,//复选框只能选择一条记录
search: false,//是否显示右上角的搜索框
clickToSelect: true,//点击行即可选中单选/复选框
sidePagination : "server",//表格分页的位置
queryParams : function queryParams(params) { //配置参数
temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
limit : params.limit, //页面大小(默认的)
offset : params.offset, //页码（默认的）
//sort: params.sort, //排序列名
order : params.order,//排位命令（desc，asc）（默认）
//userName : $("#user_name").val(), （自己传递的内容）
//userCompany : $("#user_company").val() （自己传递的内容）
};
return temp;
}, //参数
queryParamsType : "limit", //参数格式,发送标准的RESTFul类型的参数请求
toolbar: "#toolbar", //设置工具栏的Id或者class
columns: column, //列
silent: true, //刷新事件必须设置
formatLoadingMessage : function() {
return "请稍等，正在加载中...";
},
formatNoMatches : function() { //没有匹配的结果
return '无符合条件的记录';
},
onLoadError : function(data) {
$('#user_table').bootstrapTable('removeAll');
},
onClickRow: function (row) {
window.location.href = "/qStock/qProInfo/" + row.ProductId;
},
columns : [ {
// field: 'name',
// title: '用户姓名',
checkbox : true
}, {
field : 'name',
title : '用户姓名'
}, {
field : 'mobile',
title : '手机号码'
}, {
field : 'company',
title : '所属公司'
}, {
field : 'address',
title : '用户地址'
}, {
field : 'loginDate',
title : '录入时间'
}, ]
});
后台接受的类
public class BootPage<T> {
private Long total;
private List<T> rows;
private int limit = 0;
private int offset = 0;
private String order = "asc";
private String userName;
private String userCompany;
//getter setter
}
这种写法可以工作，但是觉得太有局限性，慎用