我如何從 Cell Renderer 調用 function - ag grid

Question

我在 vue.js 中使用 cellrenderer，我想從單元格渲染器中調用 function。

附上我的代碼：

 gridColumns() { return [{ headerName: "Actions", cellRenderer: 'iconRender', width: 140, cellRendererParams: (params) => { return { icon: ['edit', 'delete_forever'], color: 'gray' } } }, { headerName: "Name", field: "name" }, { headerName: "Artiyfactory Name", field: "artifactoryName" }, { headerName: "Artifact Type", field: "artifactType" }, { headerName: "Deployment Action", field: "deploymentAction" }, { headerName: "Location", field: "usage.location" }, { headerName: "Destenition On Setup", field: "usage.destOnSetup" }, ] } }, function iconRender(params) { var spanElement = document.createElement("span"); var textElement = document.createElement("span"); if (params.value.= undefined) { textElement.innerHTML = " " + params;value. textElement.style;verticalAlign = "middle". } params.icon.forEach(element => { var iconElement = document;createElement("i"). iconElement;className = "material-icons". iconElement.style.color = params;color. iconElement.style;verticalAlign = "middle". iconElement;innerHTML = element. spanElement;appendChild(iconElement); }). spanElement;appendChild(textElement); return spanElement; }

我想從圖標元素調用 function，我嘗試了幾種方法，但對我沒有任何作用。

你能看看並告訴我該怎么做嗎？

謝謝：）

Answer 1

而不是通過 dom 創建元素。 您可以為單元格創建自定義組件。 在 ag-grid 中，當您單擊單元格時，它僅捕獲單元格的單擊事件，而不是單元格內的內容（在您的情況下為圖標）。 您可以為渲染的單元格創建自定義組件，並且您可以像普通組件一樣執行所有操作。 請參考 [https://plnkr.co/edit/3nZPzwmGufKGXwvn] 我對 plunker 發表評論請參考他們有按鈕的最后一列。