teTe recomiendo esta vía:
enEn tu vista index: Views/Empleado/Index.cshtml
@model myapp.Models.Empleado
@{
ViewBag.Title = "Index";
}
}
<ul id="resultado">
@foreach (var empleado in ViewBag.Empleados)
{
<li>@empleado.Nombre</li>
}
</ul>
<h2>Nuevo empleado</h2>
@using (Ajax.BeginForm("Create", "Empleado", new AjaxOptions() { HttpMethod = "Post", UpdateTargetId = "resultado", InsertionMode = InsertionMode.Replace }))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
@Html.ValidationSummary(true)
<div class="form-group">
@Html.LabelFor(model => model.Nombre, new { @class = "control-label col-md-2" })
<div class="col-md-5">
@Html.EditorFor(model => model.Nombre)
@Html.ValidationMessageFor(model => model.Nombre)
</div>
</div>
<div class="form-group">
<input type="submit" value="Crear" class="btn btn-success" />
</div>
</div>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
}
enEn tu controller: EmpleadoController.cs:
yY en la vista parcial: Views/Empleado/_EmpleadosPartial.cshtml:
@model myapp.Models.Empleado
@foreach (var empleado in ViewBag.Empleados)
{
<li>@empleado.Nombre</li>
}
Como¿Cómo funciona esto? De la siguiente manera:
Con:
Estas especificando un formulario que usa ajaxAjax, el cual está llamado la acción CreateCreate
del controlador EmpleadoEmpleado
con método POSTPOST
cuyo resultado será renderizado en la etiqueta cuyo idId sea "resultado"resultado
, por eso estoy llamando una vista parcial en mi controlador. Eso es todo espero te sea de ayuda.