Disabling Kendo-Filter Control

1 Answer 14 Views
Filter
M
Top achievements
Rank 1
M asked on 29 May 2024, 07:59 PM
Good afternoon,
Does anyone know how to disable  <kendo-filter> control?
<kendo-filter [filters]="populationCriteriaFilters"
  [value]="initialValue" (valueChange)="onFilterChange($event)"> </kendo-filter>
I have it on the card and the card is disabled and I need to disable it as well.
Any help will be greatly appreciated.

1 Answer, 1 is accepted

Sort by
0
Hetali
Telerik team
answered on 31 May 2024, 05:30 PM

Hi Muhammad,

The Kendo UI Filter component can be disabled by adding the class k-disabled to the componant. For example:

<kendo-filter id="filter">
</kendo-filter>
public disable() {
  var filter = document.getElementById('filter');
  filter.setAttribute('class', 'k-disabled');
}

In this StackBlitz example, the Filter component can be enabled and disabled on button click.

I hope this helps. Please let me know if I can further assist you.

Regards,
Hetali
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
Tags
Filter
Asked by
M
Top achievements
Rank 1
Answers by
Hetali
Telerik team
Share this question
or