ASP.NET MVC 4 - How to Create A jQuery Modal Popup Form with Ajax Post - Part 2

In part 2 of the ASP.NET MVC 4 Modal Popup Series, I will demonstrate how to add a Form to the Modal Popup we created in Part 1, and how to use the built in AJAX Helper to Post the information in this form without reloading the page.

[digioz]

Glad you liked it. My goal was to keep things as simple as possible.

[amiltonjbc]

I'm from Brazil. Your Videos are great.
Congratulations to you and your video lessons

[knightmarerip]

Thanx for taking the time to put this together and sharing it! It really helped me a lot!!! Very much appreciated!

[digioz]

Sure, that's a great suggestion. I will keep it in mind for part 3.

[satishchejarla]

Simple and Excellent.... Very Helpfull....
Thank you

[jitendrasondarva]

Really a great video tutorial. Help me a lot.. Thank you DigiOz :)

Looking forward to more video tutorials..

[markwood]

For part 3, could you please show an example that loads the content of the dialog from the controller? For example, I have a list of items with an Edit link next to each one. When clicking the Edit link, the dialog will load the Edit partial view from the server into the dialog using the ID for that link. When clicking save from inside the dialog, the content from the partial view will call the Edit post-back method in the same controller to save the changes.

[scottjohnson]

Super info; thanks.  How about using the data once it's posted back to the form?

[Australia]

Congratulation with your Modal but I have a question.May I introduce some image in your modal? If it does. should I add in Index page?

[guxinhong]

Nice tutorial! Suppose a page has a list of table data (sort of datagrid in web form). Could you post a video for how to pass Modal popup form data back to the parent view for editing a row in the data grid? thanks

[Australia]

Great Tutorial DigiOz. Instead to use button to Popup Modal.
I want to have a Model Popup inside of navigation Bar
How can I do it from your example?

[mchittaj]

Thanks for the tutorial, learned good information today. Can you please demonstrate how to Render a partial view inside a Jquery modal popup.

[szafar]

how would you access a partial view as a modal form

[amarpanray]

Hi excellent video.
Can you maybe talk about the style a little bit more? How come the div does not show until the button is clicked?

[shainemaguire]

What would be useful is to be able to show a modal dialog on a view, enter a value into a text box and it update a database with that value as well as refresh a dropdown list on the view to show the new value that was just added.

[AbdulAziz-xilo]

This is very helpful to me, but I want a different approach i.e I want to use a single view or partial view which can be used for the whole application to show list of values, mean If I click on a button on any view it that global view is to be shown in a modal popup dynamically load the data example Employees from the employees table, and when I click on the other button it shows the data of Items from Item Table and also return the values like itemId and item name to the parent view, can you help me in this,

[lakkisreekanth]

I am filtering records in popup.When i click on filter the popup is closing..I want to stay in popup until i click on save in popup.

[asifazez]

hi. thanks for valuable knowledge on MVC4, how to add data loading image in grid or posting data through ajax.

thanks

[impact-o-graphdevicesllc]

Can you please do part three in sending an email using the model form as well like to a recipient.

[georgigeorgiev]

Dear publisher,

I have an Action (and a corresponding view), which should populate my dialog window (AddDept). I should be able to open it on every other view in my system (Index, Stats, Report, etc. - which works). But then, when it executes, it returns me to the post action (AddDept), instead of staying in the page.

I am not sure which action should I put in Ajax.BeginForm, but when I put my Index page, for example, the AddDept view opens, but doesn't register the items in the database. I have indeed set it to return PartialView, then I set it to return Json, with no change in result. Please give me some advice!