How to implement a tri-state checkbox in Kendo- UI Angular

[Aadish]

I have a scenario, where I have to filter the grid based on a Boolean column.

for ex: "isMember" is a boolean field with  "yes" or "No" values

The user can filter records with :

"yes":- to see only member records,[checked= true]

"No":-  to see non-member records[checked = fslse]

and "both yes and No":- to see all records[checked=null]

 The Prime-ng has a p-triStateCheckbox component to implement this scenario.

Do we have something similar in kendo to implement this scenario?

[Hetali]

Hello Aadish,

The Kendo UI CheckBox is made with the input tag with type checkbox and comes with checked, unchecked and indeterminate state.

The Kendo UI Grid has a built-in boolean filter as seen in this StackBlitz example. However, you can also use the custom Switch component or any other component to achieve the desired boolean filter.

I have created this StackBlitz example where I have added radio buttons with the three options.

I hope this information helps.

Regards,
Hetali
Progress Telerik