2017-10-05 10 views
0

J'ai ajouté une colonne avec renderer personnalisé comme celui-ci,modifier incendie/supprimer des actions sur colonne personnalisée NG2-smart table

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

et il ressemble maintenant à ceci: enter image description here

Je veux déclenche l'action d'édition ou de suppression par défaut lorsque l'utilisateur clique sur lien dans la liste déroulante. Fondamentalement, je veux appeler la même fonction qui est appelée lorsque la colonne d'action par défaut est activée et que les liens de cette colonne sont cliqués.

Répondre

0

J'ai essayé d'appeler les fonctions par défaut de la table ng2-smart, mais je n'ai pas réussi à le faire.

donc j'ai utilisé OnComponentInitFunction() pour émettre des actions de renderComponent.

est Ci-dessous l'exemple de code:

{ 
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 
    } 
}; 

Comme vous pouvez le voir ci-dessus actionEmitter est l'émetteur de renderComponent