bootstarp-table 属性介绍

2019独角兽企业重金招聘Python工程师标准>>>

 $('#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
	}

这种写法可以工作，但是觉得太有局限性，慎用

转载于:https://my.oschina.net/u/2608459/blog/600011