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

How to change value in ag-grid when user enters the cell?

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

在此日期列的列定义中,您可以指定 cellEditorcellEditorFramework。两者之间的区别是,如果您使用 cellEditor,则必须注册组件,如果您使用 cellEditorFramework,则可以直接引用组件 class.

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

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

你可以找到关于这个的文档here angular 的例子是 here.