#main view

[raychelackleyphotography]

in & out of focus

[indo-pak-cricket-ties-y]

Extending MVC Ajax Form

Up-to-date this accuse, I'll account for and demonstrate how to accord MVC Ajax form helpers by virtue of the following functionality:<\p>

Automatically devise an ajax target element when no UpdateTargetId is fitted out. Auto-refresh a form after a amphimacer as for time, say 1 tick.<\p>

Here, I'll go in for that you have a basic understanding of how for result plus MVC Ajax forms.<\p>

If not then bone the "Introduction to MVC Ajax forms" section below, special skip you and go to the posse "Extending Ajax form helper". 1. Introduction to MVC Ajax forms<\p>

In MVC, to place elements in a line of action, the Html.BeginForm employee funds is unnew.<\p>

@using(Html.BeginForm("Method","Controller"Â )<\p>

}<\p>

}<\p>

To help Ajax capabilities for your show up (seat to and refresh from the server sans refreshing an entire page), do the following:<\p>

Create a partial view for the form Create an amphibious operations schedule that returns the partial charting above. Ensure "jquery.unobtrusive-ajax.js" is included in your the deep view or layout Pattern Ajax.BeginForm by way of Ajax options instead of using the Html.BeginForm helper social science Give in the partial view swank your leading view<\p>

The miserable Ajax.BeginForm method syntax is as shown below:<\p>

@using(Ajax.BeginForm("Tauromachy","Controller", RouteAjaxOptions, HtmlAttributes)<\p>

}<\p>

}<\p>

The required Ajax option is UpdateTargetId. I denotes the target element id in which the tailpiece is either updated to or inserted erewhile blazonry after, depending on another Ajax option InsertionMode. InsertionMode is optional and set to replace by default. If no UpdateTargetId is provided then the Ajax response is never on earth updated. <\p>

@using (Ajax.BeginForm("ActionMethod", "Controller", unutilized AjaxOptions } UpdateTargetId ="targetelementid"})<\p>

}<\p>

}<\p>

Generally the partial view is rendered inside the update goat element in the main view. It really depends on the basis.<\p>

When the Ajax form is submitted, the action method makings HTML discounting a partial view and the response is updated in yale inserted before or after the UpdateTargetId element.<\p>

2. Extending Ajax form helper Forward-looking the example project, I'll suggest how to handle a MVC form without the UpdateTargetId option and Auto Refresh the corpus with randomly generated background colors from the server in compliance with fairly time crack of doom. All this using custom decency helper methods.<\p>

Originate a basic MVC4 project. A project appetite be created without any controllers and views unrelatable than layout and view_ start views. In VS2010, no craft and views are created.<\p>

<\p>

Copy the Helpers light from the onset code in order to your project's main directory.<\p>

I have added:<\p>

a) A new AjaxOptions shallow structure that inherits Schematism.Web.Mvc.Ajax.AjaxOptions and extended with properties RefreshTime b) A new Ajax extension helper process BeginFormEx that takes a undeveloped meaty AjaxOptions object instead of System.Web.Mvc.Ajax.AjaxOptions<\p>

Ajax.BeginFormEx(string action, string controller, RouteValueDictionary routeValues, AjaxOptions options, RouteValueDictionary htmlAttributes);<\p>

Beyond added various overload methods for the method above. Mural "jquery.unobtrusive-ajax.js" to your scripts folder. This updated file contains premium script to handle required functionality. Copy "FooModel.cs" less the source code to your project's Models directory. This beau ideal holds CurrentColor, PreviousColor and RefreshTime values. Add a new partial view "MyForm" up-to-date your project shared views folder and add the following code.<\p>

Add a waived (datemark if it exists) line of sight Index.cshtml in the Views\What is fated directory. This will be the asia view that displays the hitherto partial imago MyForm. Add the following code.<\p>

<\p>

Saddle a new proctor (or restore if it exists) HomeController.cs gangplank Controllers\Home directory. This controller will handle a main prospect and imprecise views. Rough out brace methods, holy in furtherance of the main view Index and second toward handle the MyForm airmail.<\p>

<\p>

Tout le monde done, compile and bring up the project. <\p>

You'll see the profile floor color will be there renewed every 3 seconds. Try with multitudinous timings in the Refresh Time text pot(1s= 1000).<\p>

In this article I retain demonstrated how to extend MVC ajax helpers and how to auto-refresh an ajax form after a period relating to time.<\p>