Add a Select All Checkbox in KendoReact MultiSelect

Environment

Product Version	4.12.0
Product	Progress® KendoReact MultiSelect

Description

How to add a checkbox to the KendoReact DropDowns and to how add a select all checkbox?

Solution

This can be done with the KendoReact Multiselect component and will require the following:

1. Add an extra data item to the data collection that will represent the Select All item.
2. Use the itemRender prop that will allow rendering the checkboxes.
3. Handle the extra logic inside the onChange event that will allow setting the specific logic for the select all item.

This is an example showcasing this in action:

Change Theme

Theme

Loading ...