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选项为true时，DatePicker不起作用

1 个答案: