我正在使用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;
}
答案 0 :(得分:3)
试试这个对我有用...在updateRenderFunction之后给出bind(this),如下所示。
{ headerName: 'Update', field: "update", width: 80, cellRenderer:this.updateRenderFunction.bind(this)}