1. 程式人生 > >bootstrap table 的searchParam引數傳遞

bootstrap table 的searchParam引數傳遞

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());
        }
    }