用户输入单元格时如何更改 ag-grid 中的值？

Question

我有一个带有常规（字符串）列的 ag-grid 网格。当用户输入单元格进行编辑时，我需要更改单元格值的呈现方式。例如，该列在非编辑模式下显示“15-Jan-2018”，但是当用户单击编辑此单元格时，出现的文本编辑器应该显示“2018-01-15”。

Answer 1

在此日期列的列定义中，您可以指定 cellEditor 或 cellEditorFramework。这两者的区别在于，如果使用 cellEditor，则必须注册组件，如果使用 cellEditorFramework，则可以直接引用组件类。

{
    headerName: "Date",
    field: "date",
    editable: true,
    cellEditor: 'DateEditorComponent'
}

或

{
    headerName: "Date",
    field: "date",
    editable: true,
    cellEditorFramework: DateEditorComponent
}

您可以找到有关此here 的文档 一个角度的例子是here。