Buenos días. Ya había posteado anteriormente un problema con un formulario ajax, pero sigo sin poder concluir este módulo.
El problema es que cuando abro este Formulario Ajax
(que se abre en un dialog
y el div
del mismo está fuera de cualquier otro formulario - está dentro del layout
), agrego los datos y al hacer el submit pasa mas de 1 vez por la acción del controller
(hasta 10 veces), como si se hubiese apretado el botón de submit muchas veces, y nunca me borra los datos de los textbox
.
<div id='Div-AB-Email' style="display: none">
<div id='Div-Email'></div>
</div>
JS:
function abrirFormEmail() {
Preloader();
preloaderBusquedas("Div-Email");
$("#Div-AB-Email").dialog({
autoOpen: true,
open: function (event, ui) {
$("#Div-Email").load("/EmailPersona/Create");
$("#Mail").val("");
$("#Observaciones").val("");
},
focus: function (event, ui) { $("#Mail").focus(); },
show: {
effect: "blind",
duration: 500,
},
hide: {
effect: "blind",
duration: 500
},
width: 1036,
height: 400,
title: "Email de contacto ",
closeOnEscape: true,
});
PreloaderOff();
}
C#:
public class EmailPersonaController : BaseController
{
public PartialViewResult Create()
{
return PartialView();
}
[HttpPost]
public PartialViewResult Create(EmailPersonaModel model)
{
if (model == null)
return PartialView();
if (model.IdPersona == 0)
{
model.IdPersona = ConsultaIdPersona();
ModelState.Remove("IdPersona");
}
try
{
if (ModelState.IsValid)
{
if (model.Nuevo())
{
model.grabado = true;
ListItemsCarga().Add(model);
var modelnull = new EmailPersonaModel();
return PartialView(modelnull);
}
else
{
return PartialView(model);
}
}
else
{
if (string.IsNullOrEmpty(model.Mail))
TempData["ErrorEmail"] = "Debe escribir el mail que desea agregar a la lista";
}
return PartialView(model);
}
catch (Exception e)
{
if (e.Message == "ERROR: 23505: llave duplicada viola restricción de unicidad «uq_email_per»")
{
TempData["ErrorEmail"] = "El Mail que quiere cargar pertenece a otra persona";
}
return PartialView();
}
}
}
Razor:
@model QBOWEB3.Models.EmailPersonaModel
<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
@{
ViewBag.Title = "Create";
}
@using (Ajax.BeginForm("Create", "EmailPersona",
new AjaxOptions
{
HttpMethod = "POST",
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "Div-Email"
}))
{
<fieldset>
<h3>Email De Contacto</h3>
<span>@ViewBag.Afiliado</span>
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<legend>EmailPersonaModel</legend>
<div id="contenidoEmail">
<table class="TableCampsEdicion">
<tr>
<td class="tdLabel">
@Html.LabelFor(model => model.Mail)
</td>
<td class="tdTextBox">
@Html.EditorFor(model => model.Mail)
</td>
<td class="tdLabel">
@Html.LabelFor(model => model.Observaciones)
</td>
<td class="tdTextBox">
@Html.EditorFor(model => model.Observaciones)
</td>
@Html.EditorFor(model => model.IdPersona)
<td class="tdTextBox">
<input type="submit" value="Agregar" class="botonAzulMediano" style="width: 95px; margin-left: 10px;" />
</td>
</tr>
<tr>
<td class="tdTextBox" colspan="5">
@Html.ValidationMessageFor(model => model.Mail)
@Html.ValidationMessageFor(model => model.Observaciones)
</td>
</tr>
</table>
@* <div id="itemsEmail">@Html.Action("Index")</div>*@
@if (@TempData["ErrorEmail"] != null && @TempData["ErrorEmail"].ToString() != "")
{
<script>
$(function () {
mensaje("@TempData["ErrorEmail"]");
});
</script>
}
@if (Model != null && Model.grabado)
{
<script>
$(function () {
$("#Mail").val("");
$("#Observaciones").val("");
});
</script>
}
<script>
$(function () {
$("#Mail").focus();
Enter_por_Tab();
PreloaderOff();
})
</script>
</div>
</fieldset>
}