Mise à jour et suppression par menu contextuel personnalisé Ag-Grid

Question

J'utilise ag-grid avec angulaire 2.

J'ai créé un menu contextuel personnalisé avec des boutons de suppression et de mise à jour. Dans un scénario, l'utilisateur sélectionne une ou plusieurs lignes, puis clique avec le bouton droit de la souris et clique sur le bouton Supprimer ou Mettre à jour.

Ces boutons appellent certaines fonctions avec les options gridOptions afin d'obtenir les lignes sélectionnées.

Cependant; lorsque je clique sur les boutons de suppression ou de mise à jour, j'ai une erreur qui indique que this.gripOptions est indéfini.

Existe-t-il un exemple ou une documentation à ce sujet? Comment puis-je résoudre ce problème?

Merci pour les réponses

var gridOptions = { 
     columnDefs: columnDefs, 
     enableRangeSelection: true, 
     getContextMenuItems: getContextMenuItems, 
     allowContextMenuWithControlKey: true 
    }; 
    getContextMenuItems(params) { 
     var result = [ 
      { // custom item 
       name: 'Delete', 
       action: function() { this.delete()); } 
      } 

    return result; 
    } 

    delete() { 
     var selectedRows = this.gridOptions.api.getSelectedRows(); 
    } 

Answer 1

C'est parce que vous avez déclaré gridOptions comme une variable, non pas comme une partie de cela. Ce que vous pouvez faire est:

var vm = this; 
vm.gridOptions={...} 

[...]

delete() { 
    var selectedRows = vm.gridOptions.api.getSelectedRows(); 
} 

De cette façon, vous ne rapportez pas « ce », qui est difficile à gérer en Javascript, mais vous avez un certaine référence au contexte local