feat(admin.table): 表格交互优化:优化分页显示配置;禁用分页循环;多选行操作优化/默认单选;

- 添加 selectIds 方法用于获取选中行的 ID 数组
- 添加 selectRows 方法用于获取选中行的完整数据
- 启用 multipleSelectRow 配置支持多选行操作
- 添加多选行操作说明注释
- 优化分页显示配置使用 paginationParts
- 禁用分页循环功能 paginationLoop
3.3.2-release
xuxueli 2 months ago
parent a8dd3b0f25
commit ecbc89cd11

@ -25,6 +25,16 @@
adminTable: {
table :null,
options: {},
selectIds: function () {
// get select rows
let rows = this.table.bootstrapTable('getSelections');
// find select ids
return (rows && rows.length > 0) ? rows.map(row => row.id) : [];
},
selectRows: function () {
// get select rows
return this.table.bootstrapTable('getSelections');
},
initTable: function(options) {
// parse param
this.table = $(options.table);
@ -159,19 +169,16 @@
},
columns: columns,
clickToSelect: true, // 是否启用点击选中行
multipleSelectRow: true, // 启动多选行:点击 选择单行Shift+点击 选择连续行, Commond+点击 非连续选择多行
sortable: false, // 是否启用排序
pagination: true, // 是否显示分页
pageNumber: 1, // 默认第一页
pageList: [10, 25, 50, 100] , // 可供选择的每页的行数(*
smartDisplay: false, // 当总记录数小于分页数,是否显示可选项
/*formatShowingRows: function(from, to, total) {
return ' ' + from + ' ' + to + ' '+ total + '';
},
formatRecordsPerPage: function(pageNumber) {
return ' '+ pageNumber +' ';
},*/
paginationParts: ['pageInfoShort', 'pageSize', 'pageList'],
paginationPreText: '<<', // 跳转页面的 上一页按钮
paginationNextText: '>>', // 跳转页面的 下一页按钮
paginationLoop: false, // 是否循环翻页
showRefresh: true, // 显示刷新按钮
showColumns: true, // 显示/隐藏列
minimumCountColumns: 2, // 最少允许的列数

Loading…
Cancel
Save