Question

我有一个场景，我必须安装具有自定义单元格编辑器组件的渲染 AgGridReact。我无法使用 startEditingCell 来编辑单元格。该值未填充到网格中。

const columnDefs = [
{
cellClassRules : { <some classes>},
cellEditor : 'customInput',
cellEditorParams : {
<some params>
},
cellStyle :{<some styles>},
editable : <method>,
singleClickEdit: true,
tooltipValueGetter: <method>,
valueGetter:<method>,
valueSetter:<method>,
width:100
}
];

return (
 <AgGridReact 
        columnDefs={columnDefinitions}
        frameworkComponents :{
           customInput : <React forwardref component>
           }
)

这里，react 组件（hooks 组件）对输入的数据进行了一些验证。因此，在我的测试中，我想使用 startEditingCell 来设置值，以便触发钩子并进行验证。我做不到。

有人可以就如何处理这种情况提出建议吗？

Answer 1

我想我已经找到了我的问题的解决方案。只有当我们将相应的单元格置于编辑模式时，AgGrid 才会呈现自定义的 cellEditor 组件。我通过将 startEditingCell 与参数 colKey 和 rowIndex 一起使用将单元格置于编辑模式，因此我的组件已呈现并能够进一步测试

用于 AgGridReact 的 startEditingCell 不适用于自定义单元格编辑器组件

1 个答案: