bootstrap-table 的使用问题

自定义分页、排序等参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
// bootstrap table初始化
$table.bootstrapTable({
url: '${ctx}/manage/log/list',
height: getHeight(),
striped: true,
search: true,
showRefresh: true,
showColumns: true,
minimumCountColumns: 2,
clickToSelect: true,
// --------------------------------------------------------
// 自定义分页、排序等参数
// 如果配置'limit',则 queryParams 默认参数是 offset、limit、order、search、sort
/*
queryParamsType: 'limit',
queryParams: function (params) {
return {
page: params.pageNumber,
size: params.pageSize,
search: params.search,
sort: params.sort,
order: params.order
};
},
*/
// 这里配置成'',则 queryParams 参数是 pageNumber、pageSize、searchText、sortName、sortOrder
queryParamsType: '',
queryParams: function (params) {
return {
page: params.pageNumber,
size: params.pageSize,
search: params.searchText,
sort: params.sortName,
order: params.sortOrder
};
},
// --------------------------------------------------------
detailView: true,
detailFormatter: 'detailFormatter',
pagination: true,
paginationLoop: false,
sidePagination: 'server',
silentSort: false,
smartDisplay: false,
escape: true,
searchOnEnterKey: true,
idField: 'id',
maintainSelected: true,
toolbar: '#toolbar',
columns: [
{field: 'ck', checkbox: true},
{field: 'id', title: '编号', sortable: true, align: 'right'},
{field: 'description', title: '操作'},
{field: 'username', title: '操作用户', align: 'right'}
]
});
  • 本文作者: forever杨
  • 本文链接: https://blog.yl-online.top/posts/b2990e54.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。如果文章内容对你有用,请记录到你的笔记中。本博客站点随时会停止服务,请不要收藏、转载!