typescript - ng2-smart-table 编辑单元格点击
问题描述
在行的任何单元格中单击(一次或两次)后,我想将行模式更改为“编辑”。
我已经看到(userRowSelect)="onUserRowSelect($event)"
允许我运行代码,但我没有找到如何更改行模式。
可能吗 ?
我正在使用基于 ngx-admin 的 Angular 11 和 ng2-smart-table 1.6.0。
HTML
<ng2-smart-table [settings]="settingsCurrentWeek"
[source]="sourceCurrent"
(createConfirm)="onCreateWeek($event)"
(editConfirm)="onEditWeek($event)"
(deleteConfirm)="onDeleteConfirm($event)">
</ng2-smart-table>
TS
settingsCurrentWeek = {
add: {
addButtonContent: '<i class="nb-plus"></i>',
createButtonContent: '<i class="nb-checkmark"></i>',
cancelButtonContent: '<i class="nb-close"></i>',
confirmCreate: true,
},
edit: {
editButtonContent: '<i class="nb-edit"></i>',
saveButtonContent: '<i class="nb-checkmark"></i>',
cancelButtonContent: '<i class="nb-close"></i>',
confirmSave: true,
},
delete: {
deleteButtonContent: '<i class="nb-trash"></i>',
confirmDelete: true,
},
actions: { position: 'right' },
pager: { display: true, perPage: 10 },
noDataMessage: 'No activity.',
mode: 'inline',
columns: {
name: {
title: 'Week activities',
type: 'string',
filter: false,
editable: true,
},
status: {
title: 'Status',
type: 'html',
defaultValue: 'planned',
editor: {
type: 'list',
config: {
selectText: 'Choose...',
list: [], // Generated later
},
},
filter: false,
editable: true,
},
comment: {
title: 'Comments',
type: 'string',
filter: false,
editable: true,
},
},
};
解决方案
推荐阅读
- flutter - 构建apk后灰屏
- python - 从字符串中删除某些字符
- r - 矩阵乘法错误:参数不一致。我想知道如果 b%*c 有效,为什么我在尝试解决 c%*%b 时遇到此错误
- python - 如何包含给定路径中的所有文件以及python中循环的所有子目录文件?
- github - GitHub Actions 中的嵌套模板(从另一个 yaml 文件调用 yaml 文件)
- c++ - C++:使用 std::apply 在 2 部分中迭代元组:直到应用 lambda 的索引,然后在应用不同 lambda 的索引之后
- apache-kafka - 代理未运行时,Kafka Streams 应用程序不会记录错误
- html - 图像格式的两种颜色替代文本 - 有没有办法?
- python - Python - 当值还包括 nan 时如何格式化日期列的 Pandas 建议
- pvlib - 将太阳能电池添加到 PVLIB 并对其进行建模