nicht in der Lage, Dienste in agGrid (Angular2) von Cell-Renderer-Option

Question

Ich benutze Ag-Grid für die Anzeige der Benutzerliste. Wenn ich die Benutzerdetails bearbeiten, dann möchte ich auf Schaltfläche im Raster klicken, um den entsprechenden Benutzer zu bearbeiten Einzelheiten.

Dies ist coloumn Header in ag_grid

{ headerName: 'Update', field: "update", width: 80, cellRenderer:this.updateRenderFunction}  

i CellRenderers wie unten

updateRenderFunction(params){ 
    var eSpan = document.createElement('button'); 
    eSpan.innerHTML = "Update"; 
    var data = params.node.data; 

    eSpan.addEventListener('click',()=>{ 
         //here i want to call service 

    }) 

    return eSpan; 

} 

Answer 1

Versuchen Sie dies es für mich gearbeitet ... geben binden (this) nach updateRenderFunction verwende.

{ headerName: 'Update', field: "update", width: 80, cellRenderer:this.updateRenderFunction.bind(this)}