ModalJS.Mvc

Plugin for create modal dynamically with jQuery in an ASP.NET MVC Project
This plug-in depends on SweetAlert plugin 2.1.2+ -> https://sweetalert.js.org/

---

1.- Add this code to your layout page:

<!--begin::Modal-->
  <div class="modal fade" id="ModalStickUp" tabindex="-1" role="dialog" aria-labelledby="ModalStickUp" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div id="ModalStickUpContent" class="modal-content">
      </div>
    </div>
  </div>
<!--end::Modal-->

2.- Add the [data-modal] attribute to your HTML controls

<a href="@Url.Action("","")" data-modal="layout" class="btn">Link</a>

3.- Modify the controller to return the ModalResponse ViewModel as JSON

View

<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">Save changes</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

Controller

[HttpGet]
public ActionResult Create()
{
  return PartialView();
}

[HttpPost] 
public async Task Create(ClassModel model)
{
  return Json(new ModalResponse(ResponseType.Success,
          _Redirect: true,
          _Url: Url.Action("", ""),
          _Loading: false,
          _Notify: true,
          AlertType: AlertTypes.success,
          Title: "Purchase requisition generated succesfully!"), JsonRequestBehavior.DenyGet);
}