This is a migrated thread and some comments may be shown as answers.
Stepwise Form - Tabs with Different Models
4 Answers 19 Views
This is a migrated thread and some comments may be shown as answers.
Bill
Top achievements
Rank 1
Bill asked on 04 Feb 2020, 01:36 PM

I needed to create a wizard and I started but using this sample: https://www.telerik.com/blogs/step-wise-forms-with-asp-net-mvc-and-kendo-ui

The two differences for my solution are that I need to use a different model and partial view for each tab and I don't want to load the tab until it is active.

The idea is that on tab 1 I gather some information, submit it, and then get the data and display tab 2...and so on...I can't seem to figure it out.

Each tab should have it's own partial view populated by it's own model by calling a controller action when the tab is activated.

4 Answers, 1 is accepted

Sort by
0
Accepted
Aleksandar
Telerik team
answered on 06 Feb 2020, 12:11 PM

Hello Bill,

What you could try is modify the example by having a separate form in each partial view. You could submit the form data via ajax and on success navigate to the next tab. Give this approach a try and let me know if it works for your scenario. 

Regards,
Aleksandar
Progress Telerik

Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
0
Bill
Top achievements
Rank 1
answered on 07 Feb 2020, 06:37 PM
Thanks, I was able to figure out a method.
0
n/a
Top achievements
Rank 1
answered on 23 Jan 2021, 10:29 PM
Can you please provide a working example on the issue? Thanks a lot.
0
Aleksandar
Telerik team
answered on 26 Jan 2021, 02:11 PM

Hi Hacene,

The code used for the article cited https://www.telerik.com/blogs/step-wise-forms-with-asp-net-mvc-and-kendo-ui is available on GitHub. The link is posted at the end of the article.

Note that as of SP1 for R2 2020 we have a Wizard component:

https://docs.telerik.com/aspnet-mvc/html-helpers/navigation/wizard/overview

The Wizard Component exposes a LoadOnDemand configuration option that indicates whether the Wizard step content will be loaded on demand when a given step is selected. This configuration is applicable when the step configuration has "contentUrl" set. I suggest reviewing the Telerik UI for ASP.NET MVC Wizard component and the demos we have on it for details on the available configurations and supported scenarios.

Regards,
Aleksandar
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Asked by
Bill
Top achievements
Rank 1
Answers by
Aleksandar
Telerik team
Bill
Top achievements
Rank 1
n/a
Top achievements
Rank 1
Share this question
or