在自定义列ng2-smart-table上激活编辑/删除操作

时间:2017-10-05 09:15:14

标签: angular ng2-smart-table

我添加了一个包含自定义渲染器的列,

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

现在它看起来像这样: enter image description here

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

1 个答案:

答案 0 :(得分:0)

我尝试调用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 的发射器