Last Updated: 18 Jul 2023 13:40 by ADMIN
Created on: 18 Jul 2023 13:34
Category: Filter
Type: Feature Request
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
Posted on: 18 Jul 2023 13:40

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

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!