用户进入单元格时如何更改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。