Data Tools - Filter - EnumFilter

Hello, Richard,

I made an example where the Filter component uses a custom ComboBox component bound to data objects:

https://stackblitz.com/edit/react-cdseqi-jd7qw4?file=app/main.jsx

On the onChange event, the developer can choose which field from the object to use as a filter value:

  const onChange = event => {
    props.onFilterChange.call(undefined, {
      nextFilter: { ...props.filter, value: event.target.value.ProductName }

I hope this is helpful.

Regards,
Stefan
Progress Telerik

Thank you, Stefan. That really helped.

Just curious though that you created a custom filter and didn't actually use the EnumFilter. What is the purpose of the EnumFilter then?

Hello, Richard,

The initial value will be based on the initial filter for that field.

As this is a complex object, we will need to find the object that that value and passes it to the ComboBox.

I updated the example to showcase this:

https://stackblitz.com/edit/react-cdseqi-wtkqvg?file=app/main.jsx

Regards,
Stefan
Progress Telerik