Angular AG Grid 对已编辑和未编辑单元格的不同单元格渲染答案

【问题标题】：Angular AG Grid different cell rendering for edited and non dedited cellAngular AG Grid 对已编辑和未编辑单元格的不同单元格渲染
【发布时间】：2019-08-24 02:47:46
【问题描述】：

在我的 Ag 网格中，我有一个可编辑的列。默认情况下，我编写了一个渲染器，在这个单元格中显示一个按钮，说“添加 cmets”。单击按钮时，我将切换到编辑模式。我正在使用 agTextCellEditor 来编辑文本。一旦用户更新了单元格，我想使用不同的渲染器并显示编辑后的文本。我怎样才能在角度 ag-grid 中实现这一点？我正在使用角度 6。

【问题讨论】：

参见How to Ask，尤其是minimal reproducible example。这个想法是你描述你想做什么，展示你尝试了什么，并告诉我们你得到了什么结果。在 plunk 或 stackblitz 上重现您的问题，以便其他人可以轻松地帮助您。

标签： angular ag-grid

【解决方案1】：

您可以根据单元格中的数据有条件地切换单元格渲染器。

// conditionally show button and text in cell
colDef.cellRenderer = function(params) {
    return params.data.comments ? params.data.comments : YourCustomCellRenderer;
}

【讨论】：

基本上 - 会出现按钮，但您无法将 (click) 事件绑定到它。检查here
我认为 OP 已经编写了自定义单元格渲染器。这可以用来代替内联单元格渲染器。