BootstrapTable表格點選欄位排序
阿新 • • 發佈:2020-12-27
<table id="group-table" data-toggle="table" class="table table-striped table-hover" style="border: 1px solid #e4eaec; margin-top: 10px;"></table>
//獲取共享組
var $groupTable = $('#group-table').bootstrapTable('destroy').bootstrapTable({
url: '/kscd/api/share-group/',
method: 'GET',
dataType: "json",
uniqueId: 'id',
striped: false,
cache: false,
sortName: 'id',
sortable: true,
sortOrder: 'desc',
sidePagination: "server",
undefinedText: '--',
singleSelect: true,
//showRefresh : true,
//showColumns : true,
toolbar: '#group-table-toolbar',
search: true,
strictSearch: true,
clickToSelect: true,
pagination: true,
pageNumber:1,
pageSize:10,
pageList: [5, 10, 20, 50, 100],
paginationPreText:"上一頁",
paginationNextText:"下一頁",
//showToggle: true,
//cardView: false,
//detailView: false,
//showPaginationSwitch: true,
queryParamsType : "",
queryParams : function (params) {
var temp = {
'pageSize' : params.pageSize,
'pageNumber' : params.pageNumber,
'searchText': params.searchText,
'sortName': params.sortName,
'sortOrder': params.sortOrder,
};
return temp;
},
columns: [
{
checkbox: true
},{
field: 'name',
title:'名稱',
width: '16%',
sortable : true
},{
field: 'create_time',
title:'建立時間',
sortable : true,
width: 200
},{
field: 'description',
title:'描述'
}
],
onLoadSuccess: function () {
//alert('表格載入成功!');
},
onLoadError: function () {
//showTips("資料載入失敗!");
},
onClickRow: function (row, $element) {
var id = row.id;
//EditViewById(id, 'view');
//console.log(row);
},
onCheck: function (row, $element) {
chosenGroupId = row.id;
$userTable.bootstrapTable("refresh");
//EditViewById(id, 'view');
},
onUncheck: function (row, $element) {
chosenGroupId = "";
$userTable.bootstrapTable("removeAll");
$userTable.bootstrapTable("refresh");
//EditViewById(id, 'view');
}
});
要設定排序的欄位加上屬性“sortable : true”。
queryParams : function (params) {
var temp = {
'pageSize' : params.pageSize,
'pageNumber' : params.pageNumber,
'searchText': params.searchText,
'sortName': params.sortName,
'sortOrder': params.sortOrder,
};
return temp;
}
中加上屬性:
'sortName': params.sortName,
'sortOrder': params.sortOrder