Combine multiple Kendo components inside Form input

1 Answer 317 Views
DropDownList Input
Vincent
Top achievements
Rank 3
Iron
Iron
Iron
Vincent asked on 26 Aug 2021, 03:38 PM

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

1 Answer, 1 is accepted

Sort by
2
Accepted
Plamen
Telerik team
answered on 27 Aug 2021, 08:06 AM

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Vincent
Top achievements
Rank 3
Iron
Iron
Iron
commented on 27 Aug 2021, 09:20 AM

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
Telerik team
commented on 27 Aug 2021, 10:29 AM

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
Top achievements
Rank 3
Iron
Iron
Iron
commented on 31 Aug 2021, 12:46 PM

Exactly what I was looking for, thanks for the help 👍
Tags
DropDownList Input
Asked by
Vincent
Top achievements
Rank 3
Iron
Iron
Iron
Answers by
Plamen
Telerik team
Share this question
or