我正在使用ag-Grid显示用户列表。如果我编辑用户详细信息,那么我想单击网格中的更新按钮以编辑相应的用户详细信息。

这是ag_grid中的coloumn header

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

我正在使用单元格渲染器
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;

 }

最佳答案

试试这个对我有用的...在updateRenderFunction之后给bind(this),如下所示。

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

10-04 16:52