How do I save data from multiple kendo checkboxes?

[Vincent]

I want to save the values of multiple checkboxes to a single array like so:

https://codepen.io/ktsn/pen/wXbPLR

However this approach won't work with the kendo checkboxes since they only return a boolean:

https://stackblitz.com/edit/7bgzdd?file=src/main.vue

 

What's the best option here if I want to use multiple kendo checkboxes and save their values to a single array?

[Petar]

Hi Vincent,

Here is a StackBlitz example demonstrating how the targeted functionality can be implemented with the current implementation of the Native Checkbox component. 

Based on your example, we will consider improvements in the way the Checkbox works in scenarios like yours.

I hope the suggested solution will fit the needs of the application you are working on.

Regards,
Petar
Progress Telerik

[Vincent]

Perhaps you could make a new component called "CheckList" for a list of Kendo Checkboxes. 

It could use the same 'data-items' prop as MultiSelect:

https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/

[Petar]

Thank you for your suggestion, Vincent. We have a plan of releasing a component called CheckboxGroup that should handle the discussed scenario. 

[Vincent]

Sounds good, do you have an ETA on that?

[Petar]

Hi Vincent.

Currently, we cannot point to an exact delivery date for the CheckboxGroup component.