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