ng2-smart-table 在编辑点击时打开弹出窗口

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文件的setting中更改“mode选项”

settings = {mode: 'external'}

现在将 html 添加到此代码中

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

现在在 ts 文件中创建该函数 onEditRowSelect(event) 你会在那里找到所有内容

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

如果你想打开一个模态，那么首先创建一个组件，然后将数据传递给那个模态。如果您不知道如何创建模态框，请点击此链接material dialog

Answer 2

我也有同样的问题。我通过在 this.settings 中添加此代码来解决。

edit: {
   confirmSave : true
}