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

Question

在此示例中，单击日期可以对其进行编辑，但如果您使用选项“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();
      }
  });
  

我根据您的示例创建了一个新的工作叉