Data Tools Filter customization

5 posts, 0 answers
  1. Matej
    Matej avatar
    69 posts
    Member since:
    Jun 2019

    Posted 12 Feb 2020 Link to this post

    Hi,

    I wan to use your Data Tools Filter component but I need to customize filter items. Each item has a field dropdown, operator dropdown and filter value. My problem is that I have a 50+ fields and the field dropdown is impractical in this situation.

    1. Is it possible to replace field dropdown with custom component? e.g. kendo ComboBox?

    2. Is it possible to customize field dropdown Popup?

    3. Is it possible to open a custom component (e.g. dialog) on "Add Expression" click?

    4. There is defaultGroupFilter prop used with Add Group button. Is it possible to customize default field/operator/value for the "Add Expression" button?

  2. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 13 Feb 2020 Link to this post

    Hello, Matej,

    Regarding the questions:

    1) Yes, the filter component can be replaced with a custom one:

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

    2) Currently, only the text of the items can be changed using the label prop:

    https://www.telerik.com/kendo-react-ui/components/datatools/api/FieldSettings/#toc-label

    3) This can only be achieved by programmatically subscribing to the click event of the button. Still, this will add the new expression in the tree. Please share more details about this use case, so we can see if we can offer something or log a feature request.

    4) This is determined by the order of the items in the fields collection. If a specific field has to be shown when the add description button is clicked, then set this field to be the first one in the fields collection.

     

    Regards,
    Stefan
    Progress Telerik

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. Matej
    Matej avatar
    69 posts
    Member since:
    Jun 2019

    Posted 13 Feb 2020 in reply to Stefan Link to this post

    1) I want to replace the field dropdown (first dropdown) not the filter component

    2) no more questions

    3) This was just an idea. "Add Expression" click would open a popup with a list of all 50+ fields where I could choose a specific one.

    4) no more questions

  4. Stefan
    Admin
    Stefan avatar
    3008 posts

    Posted 14 Feb 2020 Link to this post

    Hello, Matej,

    Regarding the remaining questions 1 and 3 - we agree that they both sound as interesting customization options.

    I have created a feature request for them:

    https://feedback.telerik.com/kendo-react-ui/1453741-add-the-ability-to-customize-the-filter-component-elements

    Regards,
    Stefan
    Progress Telerik

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Matej
    Matej avatar
    69 posts
    Member since:
    Jun 2019

    Posted 14 Feb 2020 in reply to Stefan Link to this post

    Thank you.
Back to Top