Changing InsertionMode of MVC Ajax form via JavaScript?

Question

I wanna change some MVC Ajax Form parameters like InsertionMode or LoadingElementId via javascript at client side.
How can I do it?

sample of a MVC ajax form :

@using (Ajax.BeginRouteForm("DevicesByObjectName", new AjaxOptions
{
    InsertionMode = InsertionMode.InsertBefore,
    UpdateTargetId = "Devices",
    LoadingElementId = "LoaderContents",
    OnSuccess = "MoreDevicesOnSuccess",
    OnFailure = "MoreDevicesOnFailure",
    OnBegin = "MoreDevicesOnBegin",
    OnComplete = "MoreDevicesOnComplete",
}))
{
    <div>
        @Html.AntiForgeryToken()
        <input type="hidden" value="@Model.Object.Id" id="ObjectId" name="ObjectId" />
        <input type="hidden" value="2" id="PageNumber" name="PageNumber" />
        <input type="hidden" value="" id="Filtering" name="Filtering" />

        <div class="center-block" style="max-width: 360px;">
            <input type="submit" value=" more" class="btn btn-primary btn-lg btn-block center-block" />
        </div>
        <div id="LoaderContents" class="ajax-loader center-block hidden"></div>
    </div>
}

Check the generated html for the form tag. You will see attributes like data-ajax-loading="#LoaderContents" data-ajax-mode="before" which can be altered with javascript — user3559349
– user3559349, Commented Oct 18, 2014 at 11:44

user3559349 · Accepted Answer · 2014-10-25 06:04:40Z

2

BeginRouteForm generates a <form> tag with a series of data-xxx attributes based on the AjaxOptions, for example

<form ... data-ajax-loading="#LoaderContents" data-ajax-mode="before" ...>

You can get and set these using jquery's .data() or .attr() methods. So for the form generated by you helper

console.log($('form').data('ajax-mode')); // returns before
$('form').data('ajax-mode', 'after'); // change the insertion mode
console.log($('form').data('ajax-mode')); // returns after

answered Oct 25, 2014 at 6:04

user3559349

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Changing InsertionMode of MVC Ajax form via JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related