angular - 在自定义列 ng2-smart-table 上触发编辑/删除操作

Question

我添加了一个像这样的自定义渲染器的列，

settings = {
   actions: false,
   columns: {
      operation:{
         title:"operation",
         type: 'custom',
         renderComponent: CustomActionRenderComponent,
      }
}

现在看起来像这样：

当用户单击下拉列表中的链接时，我想触发默认的编辑或删除操作。基本上，我想调用在启用默认操作列并单击该列中的链接时调用的相同函数。

Answer 1

我尝试调用 ng2-smart 表的默认函数，但无法实现。

所以我使用OnComponentInitFunction()从renderComponent发出动作。

下面是示例代码：

 {
title: "Actions",
type: "custom",
  renderComponent: ActionRenderComponent,
    onComponentInitFunction:(instance) => {
      instance.actionEmitter.subscribe(row => {
        if (row == 'Edit') {
          //invoke your methods here
        }
        if (row == 'delete') {
          //invoke your methods here      
        });
    },
      filter: false
  }
};

正如你在上面看到的actionEmitter是renderComponent的发射器