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