Combine multiple Kendo components inside Form input

[Vincent]

I'm trying to combine 2 Kendo Dropdowns + 1 Kendo Input field together inside a single Form component.

Inside this component I want to save the values from the 3 inputs a single array and pass it's value to the Kendo Form component:

https://stackblitz.com/edit/4lrva3?file=src/FormInput.vue


What's the best way to achieve this?

Thanks in advance

[Plamen]

Hello,

In this case we need to emit the change event form the Form input component with the updated value. This way we will notify the form for the change. Here is an updated version of the stackblitz - https://stackblitz.com/edit/4lrva3-uqzuy8?file=src%2FFormInput.vue.

Regards,
Plamen
Progress Telerik

[Vincent]

Thank you for your answer Plamen, it helped me out alot.

I have one more question tho:

Is it possible to omit the localValue from my example:
https://stackblitz.com/edit/4lrva3-rtnfsz?file=src%2FFormInput.vue

And instead only work with the 'value' provided by props?

[Plamen]

Yes - one way to omit the localValue is show in this example - https://stackblitz.com/edit/4lrva3-byavhf?file=src%2FFormInput.vue

Greetings,

Plamen

[Vincent]

Exactly what I was looking for, thanks for the help 👍