ng2智能表格在编辑点击时打开弹出窗口

Question

当用户单击编辑和新建按钮时，我想在ng2-smart-table组件上打开一个弹出页面，但我无法捕捉到这些事件
例如，我抓不到onEditRowSelect($event)函数，你知道吗
简而言之，我想删除表格中的编辑输入字段，并打开一个弹出页面

<ng2-smart-table 
[settings]="settings" 
[source]="data"                
(editConfirm)="onEditRowSelect($event)">
</ng2-smart-table>

这是我的ng2-smart-table设置

this.settings = {
columns: {
},
actions: {
position: 'right',
add: true,
edit:true,
editable:false,
columnTitle: '',
},
add: {
addButtonContent: 'NEW',                        
},
edit: {
editButtonContent: 'EDIT',                        
position: 'right',
}      
}    
onEditRowSelect(event) {
console.log(event.data.nombre);             
}

Answer 1

首先，您需要更改ts文件中设置的"mode"选项

settings = {mode: 'external'}

现在将html添加到此代码

<ng2-smart-table [settings]="settings" [source]="data" (edit)="onEditRowSelect($event)"></ng2-smart-table>

现在，在ts文件中创建EditRowSelect(事件(函数，您将在那里找到的所有内容

onEditRowSelect(event) { console.log(event); }

如果您想打开一个模态，那么首先创建一个组件，然后将数据传递到该模态中。如果你不知道如何创建一个模态，那么按照这个链接材料对话框

Answer 2

我也有同样的问题。我通过在这个设置中添加这个代码来解决问题。

edit: {
confirmSave : true
}