Dynamically add field to Kendo Form inside Kendo Wizard via button

0 Answers 67 Views
Button Form Wizard
Umutcan
Top achievements
Rank 1
Iron
Umutcan asked on 01 Apr 2022, 12:34 PM

Hi,

I need to extend the kendo form dynamically. I created a dojo for demonstration:

https://dojo.telerik.com/IDElitox

In the first form, user should be able to click "Add" button and create a new pair of field at the bottom of the form, which shouldn't affect previously filled fields. So instead of 1, the user can submit more than 1 header pair. 

Is it possible? How can I do that?

The number of inputs is ambiguous so I didn't think of any better solution. If there is a dedicated tool for this purpose, please let me know.

Regards,
Umutcan

Martin
Telerik team
commented on 06 Apr 2022, 10:41 AM

You can try the widget's setOptions method to set a new collection of items. Another approach would be to use the append method to create and add new elements using jQuery. Let me know if that would be helpful.
Umutcan
Top achievements
Rank 1
Iron
commented on 12 Apr 2022, 06:59 AM

I combined the solutions you suggested. Not a masterpiece but it does the work :)

Dojo with the solution: https://dojo.telerik.com/oKUdOgoz

Thanks!

No answers yet. Maybe you can help?

Tags
Button Form Wizard
Asked by
Umutcan
Top achievements
Rank 1
Iron
Share this question
or