当 stopEditingWhenGridLosesFocus 选项为真时，DatePicker 不起作用

Question

在 this example 中单击日期可以对其进行编辑，但如果您使用选项 "stopEditingWhenGridLosesFocus"，日期选择器将不再起作用。有可能解决这个问题吗？

<AgGridReact
   stopEditingWhenGridLosesFocus // without this line works fine
   columnDefs={this.state.columnDefs}
   components={this.state.components}
   onGridReady={this.onGridReady.bind(this)}
   rowData={this.state.rowData}
 />

Answer 1

将 "stopEditingWhenGridLosesFocus" 设置为 true，当您单击日期时，输入标签消失，因此您的日期选择器的参考丢失。

我遇到了同样的问题，我这样做解决了它：

更改您的自定义组件设置以在弹出窗口中工作：

Datepicker.prototype.isPopup = function() {
    return true;
};

然后，在日期选择器中的 select 事件上调用 stopEditing() 方法：

$(this.eInput).datepicker({
    dateFormat: 'dd/mm/yy',
    onSelect: function(dateText, inst) {
        params.stopEditing();
    }
});

我根据你的例子创建了一个新的工作分支here

当 stopEditingWhenGridLosesFocus 选项为真时，DatePicker 不起作用

DatePicker doesn't work when stopEditingWhenGridLosesFocus option is true

ag-grid

ag-grid-react