ag-grid react cellEditor 格式
ag-grid react cellEditor format
我使用 ag-grid 构建了一个网格,
对于我发送自定义单元格编辑器来呈现我自己的日期组件的专栏之一,
此列也有 valueGetter 来格式化要显示的值,
我的问题是:单元格编辑器获取从 valueGetter 返回的格式化值,我想在那里获得源值,我该怎么做?
这是我的列对象的定义:
const columnsObject = [
{
field: 'date',
colId: 'date',
headerName: 'date',
filter: true,
sortable: true,
unSortIcon: true,
resizable: true,
valueGetter: row => row.data.date && moment(row.data.date).format('YYYY-MM-DDTHH:mm'),
editable: true,
cellEditor: 'dateEditor',
cellEditorParams: {
name: 'startDate',
}
},
{
field: 'text',
colId: 'text',
headerName: 'text',
filter: true,
resizable: true,
editable: true,
},
];
我的 dateEditor 应该得到带时间的值(YYYY-MM-DDTHH:mm 格式),但在停止编辑后的视图中它应该只有时间(YYYY-MM-DD 格式)。
使用 valueFormatter 而不是 valueGetter 解决了我的问题
我使用 ag-grid 构建了一个网格, 对于我发送自定义单元格编辑器来呈现我自己的日期组件的专栏之一, 此列也有 valueGetter 来格式化要显示的值, 我的问题是:单元格编辑器获取从 valueGetter 返回的格式化值,我想在那里获得源值,我该怎么做? 这是我的列对象的定义:
const columnsObject = [
{
field: 'date',
colId: 'date',
headerName: 'date',
filter: true,
sortable: true,
unSortIcon: true,
resizable: true,
valueGetter: row => row.data.date && moment(row.data.date).format('YYYY-MM-DDTHH:mm'),
editable: true,
cellEditor: 'dateEditor',
cellEditorParams: {
name: 'startDate',
}
},
{
field: 'text',
colId: 'text',
headerName: 'text',
filter: true,
resizable: true,
editable: true,
},
];
我的 dateEditor 应该得到带时间的值(YYYY-MM-DDTHH:mm 格式),但在停止编辑后的视图中它应该只有时间(YYYY-MM-DD 格式)。
使用 valueFormatter 而不是 valueGetter 解决了我的问题