DatePicker не работает, когда для параметра stopEditingWhenGridLosesFocus установлено значение true

В данном примере нажав на дату можно ее отредактировать, но если использовать опция «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}
 />

person michoprogrammer    schedule 08.10.2018    source источник


Ответы (1)


Если для «stopEditingWhenGridLosesFocus» установлено значение true, когда вы нажимаете на дату, тег ввода исчезает, поэтому ссылка на ваш указатель даты теряется.

У меня была такая же проблема, и я решил ее следующим образом:

  • Измените настройки пользовательских компонентов, чтобы они работали во всплывающем окне:

    Datepicker.prototype.isPopup = function() {
        return true;
    };
    
  • Затем вызовите метод stopEditing() для события select в средстве выбора даты:

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

Я создал новую рабочую вилку из вашего примера здесь

person I. Orozco    schedule 15.11.2018
comment
Мужик СПАСИБО :D - person michoprogrammer; 16.11.2018
comment
Когда мы меняем месяц или нажимаем на любую другую отключенную часть. Это снова не удается. - person Piyush Choudhary; 14.12.2018