摘要:總結文件傳參直接將需要的參數置于方法中,例如注意中的是獲取文本框的值,在表格加載完后,在文本框中輸入了值,再調用方法,同樣可以實現傳值服務器數據的請求方式服務器數據的加載地址設置為會有隔行變色效果服務器返回的數據類型設置為會在底部顯示分
Bootstrap-Table 總結
jQuery Java Bootstrap-Table
JS文件傳參:直接將需要的參數置于 queryParams 方法中,例如 line:formData
注意: queryParams 中的 queryStr 是獲取文本框的值,在表格加載完后,在文本框中輸入了值,再調用 reLoad 方法,同樣可以實現傳值
var prefix = contpath+"equip/eqEqequip" $(function() { load(formData); }); function load(formData) { $("#exampleTable") .bootstrapTable( { method : "get", // 服務器數據的請求方式 get or post url : prefix + "/list", // 服務器數據的加載地址 showRefresh : true, showToggle : true, showColumns : true, iconSize : "outline", toolbar : "#exampleToolbar", striped : true, // 設置為true會有隔行變色效果 dataType : "json", // 服務器返回的數據類型 pagination : true, // 設置為true會在底部顯示分頁條 // queryParamsType : "limit", // //設置為limit則會發送符合RESTFull格式的參數 singleSelect : false, // 設置為true將禁止多選 // contentType : "application/x-www-form-urlencoded", // //發送到服務器的數據編碼類型 pageSize : 10, // 如果設置了分頁,每頁數據條數 pageNumber : 1, // 如果設置了分布,首頁頁碼 //search : true, // 是否顯示搜索框 showColumns : true, // 是否顯示內容下拉框(選擇顯示的列) sidePagination : "server", // 設置在哪里進行分頁,可選值為"client" 或者 "server" clickToSelect: true, // 單擊行即可以選中 queryParams : function(params) { return { //說明:傳入后臺的參數包括offset開始索引,limit步長,sort排序列,order:desc或者,以及所有列的鍵值對 limit: params.limit, offset:params.offset, queryStr : $("#searchName").val(), line:formData //line: $(".val-hide").val() }; }, // //請求服務器數據時,你可以通過重寫參數的方式添加一些額外的參數,例如 toolbar 中的參數 如果 // queryParamsType = "limit" ,返回參數必須包含 // limit, offset, search, sort, order 否則, 需要包含: // pageSize, pageNumber, searchText, sortName, // sortOrder. // 返回false將會終止請求 columns : [ { checkbox : true }, { field : "eqCode", title : "設備編碼" }, { field : "eqName", title : "設備名稱" }, { field : "eqTypeName", title : "設備分類" }, { field : "eqSpec", title : "規格" }, { field : "model", title : "型號" }, { field : "manufacturer", title : "生產廠家" }, { field : "facNumber", title : "出廠編號" }, { field : "startDate", title : "開始使用日期" }, { field : "useDeptName", title : "使用部門" }, { field : "eqState", title : "設備狀態", formatter : function(value, row, index) { if (value == "0") { return "在用"; } else if (value == "1") { return "備用"; } else if (value == "2") { return "檢修"; }else if(value == "3"){ return "停用"; }else if(value == "4"){ return "待報廢"; }else if(value == "5"){ return "報廢"; } } }, { field : "dutyUser", title : "責任人" }, { title : "操作", field : "id", align : "center", formatter : function(value, row, index) { var s = " "; var e = " "; var d = " "; var f = " "; return s + e ; } } ] }); } // 重載表格 function reLoad() { $("#exampleTable").bootstrapTable("refresh"); }Controller
注意: params 中包含獲取的數據
@ResponseBody @GetMapping("/list") @RequiresPermissions("equip:eqEqequip:eqEqequip") public PageUtils list(@RequestParam Mapparams){ //查詢列表數據 String orgcode = ShiroUtils.getUser().getOrgCode(); params.put("orgCode", orgcode); params.put("audFlag", "1"); params.put("eqState", "5"); Query query = new Query(params); List eqEqequipList = eqEqequipService.list(query); int total = eqEqequipService.count(query); PageUtils pageUtils = new PageUtils(eqEqequipList, total); return pageUtils; }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/94832.html
摘要:之前使用寫了一個報表表格,最近突然找到我,說讓我看看能不能將表格的表頭和第一列進行固定,這樣的話方便查看數據,于是,我開始了苦逼的研究起來,畢竟我是個后端啊,對于前端的樣式問題,特別是小功能,煩的一批這里就記錄下我的研究成果一引入和引入 之前使用bootstrap寫了一個報表表格,最近突然找到我,說讓我看看能不能將表格的表頭和第一列進行固定,這樣的話方便查看數據,于是,我開始了苦逼的研...
摘要:一問題近日,寫了一個項目,但是在別人的電腦上顯示不出來,在自己的電腦上能顯示,有些瀏覽器也是能顯示,但部分瀏覽器就是顯示不出來。核心雙核瀏覽器雙核主要是谷歌和,但如果某些瀏覽器其中有個內核的版本過低,就會造成顯示不出來表格。一、問題 近日,寫了一個ASP.Net項目,但是bootstrap-table在別人的電腦上顯示不出來,在自己的電腦上能顯示,有些瀏覽器也是能顯示,但部分瀏覽器就是顯...
摘要:頁面用戶列表展示的列表初始化初始化使表格帶有條紋在表格底部顯示分頁工具欄標識哪個字段為主鍵名片格式設置為時顯示名片布局顯示隱藏列顯示刷新按鈕復選框只能選擇一條記錄是否顯示右上角的 JSP頁面 用戶列表 ...
閱讀 3766·2021-11-11 11:02
閱讀 3495·2021-10-11 10:57
閱讀 3608·2021-09-22 16:00
閱讀 1843·2021-09-02 15:15
閱讀 1322·2019-08-30 15:56
閱讀 1005·2019-08-30 15:54
閱讀 2731·2019-08-30 12:43
閱讀 3539·2019-08-29 16:06