[Solved]any way to override the filter match so it applies to the rendered cell?

[chrwei]

I have formatted date cell in a DataGrid, and the filter is applying as a string match on the date object in my data instead of the formatted output.

example:  data has 2019-04-10T00:00:00.000Z, cell show 4/10/2019.  a search for 4/10 has no results, but 4-10 does.

[jarry]

The simplest way is to convert the date to formatted string before loading to the DataGrid. Another way to solve this issue is to extend a date operator and apply it to the column.

Code:

const extOperators = Object.assign(filterOperators, {
  dcontains: {
    text: 'DateContains',
    isMatch: function (source, value) {
      source = String(source);
      value = String(value);
      ...
      //return source.toLowerCase().indexOf(value.toLowerCase()) >= 0;
    }
  }
})

Code:

<GridColumn field="date" title="Date" defaultFilterOperator="dcontains"
/>

[chrwei]

what does extOperators get assigned to?   this is the part that's not clear to me, how do I get those operators into the scope of the grid and column?  docs are completely missing on this.

[jarry]

Set the DataGrid component with 'filterOperators' property set to this 'extOperators'. The DataGrid component has all the properties that are extended from ListBase component.

[chrwei]

after some guessing, the scope clue I was looking for is:  import { filterOperators } from 'rc-easyui'
it was not clear that this was something that could be imported.