用户进入单元格时如何更改 ag-grid 中的值?
How to change value in ag-grid when user enters the cell?
我有一个带有常规(字符串)列的 ag-grid 网格。当用户输入单元格进行编辑时,我需要更改单元格值的呈现方式。例如,该列在非编辑模式下显示“15-Jan-2018”,但是当用户点击编辑此单元格时,出现的文本编辑器应该显示“2018-01-15”。
在此日期列的列定义中,您可以指定 cellEditor
或 cellEditorFramework
。两者之间的区别是,如果您使用 cellEditor,则必须注册组件,如果您使用 cellEditorFramework,则可以直接引用组件 class.
{
headerName: "Date",
field: "date",
editable: true,
cellEditor: 'DateEditorComponent'
}
或
{
headerName: "Date",
field: "date",
editable: true,
cellEditorFramework: DateEditorComponent
}
我有一个带有常规(字符串)列的 ag-grid 网格。当用户输入单元格进行编辑时,我需要更改单元格值的呈现方式。例如,该列在非编辑模式下显示“15-Jan-2018”,但是当用户点击编辑此单元格时,出现的文本编辑器应该显示“2018-01-15”。
在此日期列的列定义中,您可以指定 cellEditor
或 cellEditorFramework
。两者之间的区别是,如果您使用 cellEditor,则必须注册组件,如果您使用 cellEditorFramework,则可以直接引用组件 class.
{
headerName: "Date",
field: "date",
editable: true,
cellEditor: 'DateEditorComponent'
}
或
{
headerName: "Date",
field: "date",
editable: true,
cellEditorFramework: DateEditorComponent
}