JQuery Dialog box not closed in ASP.NET MVC 4

Total Post:89


 3938  View(s)
Rate this:

Hi Everyone!

I am using a dialog box with jQuery in MVC 4, my code as below

    <div id="dialogBox" title="Select Products" style="overflow: hidden;">

                    function(response, status, xhr) {

When I clicks on submit button in the dialog box I got to httppost as such

     public ActionResult SelectProducts(Products model)
        if (ModelState.IsValid)
            return View(model); // success

        return View(model); // problem          



Thanks in advance

  1. Re: JQuery Dialog box not closed in ASP.NET MVC 4

    Hi Takeshi Okada!

    Used an Ajax.BeginForm inside the partial that you are loading and put the contents that you want to be loaded in the dialog inside a partial and also have your HttpPost controller action return this same partial view instead of returning an entire view.

    Include the jquery.unobtrusive-ajax.js script to your page for Ajax.BeginForm form to work.
    As an alternative to using Ajax.BeginForm you could still use a normal Html.BeginForm and manually AJAXify it:

    $(document).on('submit', '#dialogBox form', function() {
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function(result) {
                if (result.success) {
                } else {
        return false;

      Modified On Mar-29-2018 06:18:14 AM


Please check, If you want to make this post sponsored

You are not a Sponsored Member. Click Here to Subscribe the Membership.