AgGridReact 的 startEditingCell 无法与自定义单元格编辑器组件一起使用答案

【问题标题】：startEditingCell for AgGridReact not working with custom cell editor componentAgGridReact 的 startEditingCell 无法与自定义单元格编辑器组件一起使用
【发布时间】：2021-05-12 23:49:32
【问题描述】：

我有一个场景，我必须安装具有自定义单元格编辑器组件的渲染 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 组件（钩子组件）对输入的数据进行了一些验证。因此，在我的测试中，我想使用 startEditingCell 来设置值，以便触发挂钩并进行验证。我做不到。

有人可以就如何处理此案提出解决方案吗？

【问题讨论】：

标签： ag-grid ag-grid-react

【解决方案1】：

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

【讨论】：