BootstrapTable總結

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 Map params){
//查詢列表數據
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;
}