Unplanned
Last Updated: 18 Jul 2023 13:40 by ADMIN
Drew
Created on: 18 Jul 2023 13:34
Category: Filter
Type: Feature Request
0
Add a disabled prop to Filter component

It would be really helpful to a have a disabled (or read-only) prop for the Filter component.

Basically you would just need to pass down the disabled prop to all of the children Inputs.

It would be extra helpful if this could be controlled on a per input type basis, like disable all fieldInputs, operatorInputs, or valueInputs, or closeInputs.

disabled = {
  field?: boolean,
  operator?: boolean,
  value?: boolean,
  close?: boolean,
  logic?: boolean,
  addExpression?: boolean,
  addGroup?: boolean 
}

In addition, it would be helpful if there could also be the option of making it data driven from the FilterDescriptor object like this:

const initialFilter = {
  logic: 'and',
  disabled: true,
  filters: [
    {
      field: 'Name',
      operator: 'eq',
      value: "Uncle Bob's Organic Dried Pears",
      disabled: false
    },
  ],
};
Currently the only option for disabling the Filter (while following proper UX guidelines) is to completely build a custom filter with individual components and manually styling it.
1 comment
ADMIN
Wissam
Posted on: 18 Jul 2023 13:40

Thank you for submitting this feature request. We will be monitoring it closely.

Regards,
Wissam
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!