无法通过单元格渲染器选项调用agGrid(Angular2)中的服务

时间:2016-06-14 12:11:33

标签: angular ag-grid

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

这是ag_grid中的coloumn标题

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

 }

1 个答案:

答案 0 :(得分:3)

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

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