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 : '錄入時間'
			}, ]
		});

後臺接受的類java

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
	}

這種寫法能夠工做,可是以爲太有侷限性,慎用spring

相關文章
相關標籤/搜索