Buenos días, Estoy intentando utilizar un formulario ajax que se abra de forma de Dialog
y que al hacer submit
realice las operaciones y quede dentro del dialog
. Puedo abrir el formulario en un dialog
, pero cuando hace el submit
y realiza las acciones en el controller
. al retornar me abre lo que estaba en el dialog
en pagina completa. me podrían ayudar a que el la pagina dentro del dialog
se quede en su lugar luego del sumbit
.
/*Con esta funcion cargo el dialog*/
function abrirFormTelefono() {
if ($("#Div-AB-Telefono").length == 0) {
$("body").append("<div id='Div-AB-Telefono'><div id='Div-Telefono'></div></div>");
}
Preloader();
$("#Div-AB-Telefono").dialog({
autoOpen: true,
show: {
effect: "blind",
duration: 500
},
hide: {
effect: "blind",
duration: 500
},
width: 1036,
height: 400,
title:"Teléfonos de contacto ",
closeOnEscape: true,
});
$("#Div-Telefono").load("/TelefonoPersona/Create");
PreloaderOff();
}
@using QBOWEB3.Clases.Datos
@model QBOWEB3.Models.TelefonoPersonaModel
<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
@{
ViewBag.Title = "Create";
}
<h3>Teléfonos De Contacto</h3>
<span> @ViewBag.Afiliado</span>
@using (Ajax.BeginForm("Create", "TelefonoPersona",
new AjaxOptions
{
HttpMethod = "POST",
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "Div-Telefono"
}))
{
<!-- whatever -->
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>TelefonoPersonaModel</legend>
<table class="TableCampsEdicion">
<tr>
<td class="tdLabel">
@Html.LabelFor(model => model.IdTipoTelefono)
</td>
<td class="tdTextBox">
@Html.DropDownListFor(model => model.IdTipoTelefono, new SelectList(new ListadoTiposTelefono().TiposList, "Id", "Descripcion"), new { id = "IdTipoTelefono", @class = "DDLCombo" })
</td>
<td class="tdLabel">
@Html.LabelFor(model => model.CodigoArea)
</td>
<td class="tdTextBox">
@Html.EditorFor(model => model.CodigoArea)
</td>
<td class="tdLabel">
@Html.LabelFor(model => model.Telefono)
</td>
<td class="tdTextBox">
@Html.EditorFor(model => model.Telefono)
</td>
<td class="tdLabel">
@Html.LabelFor(model => model.Interno)
</td>
<td class="tdTextBox">
@Html.EditorFor(model => model.Interno)
</td>
<td class="tdTextBox">
<input type="submit" value="Agregar" class="botonAzulMediano" style="width: 95px;margin-left: 10px;" />
</td>
</tr>
<tr>
<td class="tdTextBox" colspan="9">
@Html.ValidationMessageFor(model => model.IdTipoTelefono)
@Html.ValidationMessageFor(model => model.CodigoArea)
@Html.ValidationMessageFor(model => model.Telefono)
@Html.ValidationMessageFor(model => model.Interno)
</td>
</tr>
</table>
</fieldset>
<div id="itemsTelefono">@Html.Action("Index")</div>
<script>
$(function() {
});
function MostrarItemsTelefono(parameters) {
}
</script>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
<style>
#CodigoArea, #Interno {
width: 40px;
}
#Telefono {
width: 80px;
}
</style>
Controller
public class TelefonoPersonaController : BaseController
{
public ActionResult Create()
{
return PartialView();
}
//
// POST: /TelefonoPersona/Create
[HttpPost]
public ActionResult Create(TelefonoPersonaModel model)
{
if (model == null)
return PartialView();
if (model.IdPersona == 0)
{
model.IdPersona = ConsultaIdPersona();
}
try
{
if (ModelState.IsValid)
{
if (model.Nuevo())
{
model.grabado = true;
ListItemsCarga().Add(model);
var modelnull = new TelefonoPersonaModel();
return PartialView(modelnull);
}
else
{
return PartialView(model);
}
}
return PartialView(model);
}
catch
{
return PartialView();
}
}
}
<appSettings> <add key="ClientValidationEnabled" value="true" /> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> </appSettings>
<appSettings> <add key="ClientValidationEnabled" value="true" /> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> </appSettings>