首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >NG2-编辑点击时打开智能表弹出窗口

NG2-编辑点击时打开智能表弹出窗口
EN

Stack Overflow用户
提问于 2018-07-30 21:20:44
回答 2查看 4.4K关注 0票数 2

当用户单击“编辑”和“新建”按钮时,我想在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);             
}
EN

回答 2

Stack Overflow用户

发布于 2019-03-06 12:39:47

首先,您需要更改ts文件中设置的"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

票数 5
EN

Stack Overflow用户

发布于 2018-08-16 13:51:33

我也有同样的问题。我通过在this.settings中添加这段代码解决了这个问题。

edit: {
   confirmSave : true
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51594943

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档