Data Tools - Filter - EnumFilter

[Richard]

I would like to use the EnumFilter in the Data Tools Filter component and I'm not sure how to populate it. Are there any examples of this in use?

Thanks,

 

Richard.

[Stefan]

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

[Richard]

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?

[Richard]

One other question, how would I go about setting the initial value?

[Stefan]

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

[Richard]

Thank you again Stefan! That's exactly what I was looking for!