bootstrap table 的searchParam自定義參數傳遞
Bootstrap Table返回的數據為value 和 rows
Long total代表的是多少條(總數) List<T>rows是所有的數據(結果集) 這是在后台進行設置好返回到前台的
js源碼:
function receiveList() { debugger $('#lingquTable').bootstrapTable({ method: 'post', url: 'rentManage/getAllRent', silent: true, //記憶排序選項? cache: false, pagination: true,//分頁 當使用分頁時必須設為true height: window.bsTableHeight - 70, contentType: 'application/x-www-form-urlencoded', showHeader: true,//是否顯示列頭。 pageSize: 10, //每頁的記錄行數(*) pageList: [10, 20, 30, 40], //可供選擇的每頁的行數(*) showColumns: false,//是否顯示內容列下拉框。 clickToSelect: true,//設置 true 將在點擊行時,自動選擇 rediobox 和 checkbox。? sidePagination: 'server',//設置在哪里進行分頁,可選值為 'client' 或者 'server'。設置 'server'時,必須設置服務器數據地址(url)或者重寫ajax方法。 // sortable:true, //sortName:'createTime', //sortOrder: 'desc',//定義排序方式,'asc' 或者 'desc'。?哪個 queryParams: searchParam, singleSelect: false
/* responseHandler: function (data) {//返回的數據可能有多層,Bootstrap不能夠識別時使用這個轉化一下數據
data = FastJson.format(data);//一個工具類可以自動將多層的數據轉換為Bootstrap認識的格式
return data;
},*/
columns: [{ checkbox: true },
{ field: '',//字段名稱 對應name屬性
width: 70, title: "序號",//自定義列頭名稱
align: 'center',
formatter: function (value, row, index) {//當返回的數據是
return index + 1; } },}]
自定義參數向后台傳參:
function searchParam(params) {
var params = {
limit: params.limit, //每頁多少條
offset: params.offset=2, //從第幾條開始讀(默認就好)
order: params.order,//排序方式
pageNum: params.pageNum,//當前頁(開始頁)
pageSize: params.pageSize,//每頁的數量
sort: params.sort,//根據什么排序
searchGoodsName: $("#searchInput").val(),//自定義參數
createTime: $("#a_rent_start").val(),//自定義
};
return params;
}
controller: 用map接收 當使用實體接收參數時name屬性的值和實體對上就可以了 @ResponseBody @RequestMapping(value = "/getAllRent", method = RequestMethod.POST) public AjaxResult getOutDateThing(@RequestParam Map map,PageUtil pageUtil) {//第幾頁,每頁幾條 OnlineUser user = SecurityUtil.getOnlineUser(); String toUserId = user.getId();//責任人id try { PageInfo pageInfo = rentManageService.getAllRent(pageUtil.getPageNum(), pageUtil.getPageSize(), map); return sendAjaxResult(pageInfo); } catch (Exception e) { logger.error("獲得領取物品失敗", e); return sendOperErrorAjaxResult("獲得領取物品失敗:" + e.getMessage()); } }