bootstrap table 的searchParam引數傳遞
阿新 • • 發佈:2018-12-31
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()); } }