Фильтр сетки Ag теряет фокус с выбранным компонентом - PullRequest
Новая
       47

Фильтр сетки Ag теряет фокус с выбранным компонентом

0 голосов
/ 07 мая 2019

Я использую ag-grid-реаги 19 и компоненты дизайна муравья.

Я пытаюсь добавить пользовательский фильтр даты для столбца ag-grid с DatePicker из ant design.

Но когда я нажимаю на выпадающее окно, фильтр теряет фокус и закрывается.

Но я хочу, чтобы раскрывающееся окно оставалось открытым после выбора даты.

Изображения:

https://ibb.co/XjyNNxJ

https://ibb.co/HXyG8QN

import * as React from 'react';
import {
  IFilter,
  IFilterParams,
  IDoesFilterPassParams
} from 'ag-grid-community';
import {DatePicker} from 'antd';

interface IState {
  startDate: Date;
  endDate: Date;
}

export class DateFilter extends React.Component<IFilterParams, IState>
  implements IFilter {
  state = {
    startDate: null,
    endDate: null
  };

  isFilterActive = () => {
    return !!this.state.startDate || !!this.state.endDate;
  };

  setModel = (model: { startDate: Date, endDate: Date }) => {
    if (!!model) {
      this.state.startDate = model.startDate;
      this.state.startDate = model.endDate;
    } else {
      this.state.startDate = null;
      this.state.startDate = null;
    }
  };

  getModel = () => {
    return this.state;
  };


  render() {
    return (
      <div className="ag-filter-body-wrapper">
        <div className="ag-filter-body" style={{padding: 4}}>
          <DatePicker/>
        </div>
      </div>
    );
  }

  doesFilterPass = (_: IDoesFilterPassParams): boolean => {
    return false;
  };
}
...