浮动过滤器的 AG-Grid 变化值答案

【问题标题】：AG-Grid change values of floating filters浮动过滤器的 AG-Grid 变化值
【发布时间】：2020-09-27 18:26:43
【问题描述】：

我正在使用 AG-Grid。我们如何通过单击网格外的按钮来更改浮动过滤器的值？看看这个plnkr 例子。它有一个日期选择器列。如何更改日期选择器列的值并将其设置为 10-May-2020 单击按钮并刷新网格中的数据？

{
        headerName: "Date",
        field: "date",
        width: 145,
        filter: "agDateColumnFilter",
        filterParams: {
          comparator: (filterLocalDateAtMidnight, cellValue) => {
            var dateAsString = cellValue;
            if (dateAsString == null) return -1;
            var dateParts = dateAsString.split("/");
            var cellDate = new Date(Number(dateParts[2]), Number(dateParts[1]) - 1, Number(dateParts[0]));
            if (filterLocalDateAtMidnight.getTime() == cellDate.getTime()) {
              return 0;
            }
            if (cellDate < filterLocalDateAtMidnight) {
              return -1;
            }
            if (cellDate > filterLocalDateAtMidnight) {
              return 1;
            }
          },
          browserDatePicker: true
        },
        suppressMenu: true
      }

【问题讨论】：

标签： ag-grid ag-grid-angular ag-grid-react

【解决方案1】：

类似于来自 docs 的 example。

您可以像下面这样定义您的过滤器功能，并将其称为 onclick of button。

  filterDate() {
    var dateFilterComponent = this.gridApi.getFilterInstance('date');
    dateFilterComponent.setModel({
      type: 'equals', //this is important
      dateFrom: '2020-05-10', // set the value here
    });
    this.gridApi.onFilterChanged(); // this filters the grid 
  }

【讨论】：