Skip to main content
se añadieron 48 caracteres en el cuerpo
Origen Enlace
Phi
  • 10.2k
  • 5
  • 28
  • 48

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.

te recomiendo esta vía:

en 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>
}

en tu controller: EmpleadoController.cs

y en la vista parcial: Views/Empleado/_EmpleadosPartial.cshtml

@model myapp.Models.Empleado

@foreach (var empleado in ViewBag.Empleados)
{
<li>@empleado.Nombre</li>
}

Como funciona esto:

Estas especificando un formulario que usa ajax, el cual está llamado la acción Create del controlador Empleado con método POST cuyo resultado será renderizado en la etiqueta cuyo id sea "resultado", por eso estoy llamando una vista parcial en mi controlador. Eso es todo espero te sea de ayuda

Te recomiendo esta vía:

En 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>
}

En tu controller: EmpleadoController.cs:

Y en la vista parcial: Views/Empleado/_EmpleadosPartial.cshtml:

@model myapp.Models.Empleado

@foreach (var empleado in ViewBag.Empleados)
{
    <li>@empleado.Nombre</li>
}

¿Cómo funciona esto? De la siguiente manera:

Con:

Estas especificando un formulario que usa Ajax, el cual está llamado la acción Create del controlador Empleado con método POST cuyo resultado será renderizado en la etiqueta cuyo Id sea resultado, por eso estoy llamando una vista parcial en mi controlador. Eso es todo espero te sea de ayuda.

Origen Enlace
Vicente Almea
  • 1.4k
  • 2
  • 13
  • 22

te recomiendo esta vía:

1- Instala el paquete nuget (microsoft.jQuery.Unobtrusive.Ajax)

Install-Package microsoft.jQuery.Unobtrusive.Ajax

en 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>
}

en tu controller: EmpleadoController.cs

public ActionResult Index()
    {
        ViewBag.Empleados = db.Empleadoes.ToList();
        return View();
    }

    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create([Bind(Include="Nombre")] Empleado empleado)
    {
        if (ModelState.IsValid)
        {
            db.Empleadoes.Add(empleado);
            db.SaveChanges();
            ViewBag.Empleados = db.Empleadoes.ToList();
            return PartialView("_EmpleadosPartial");
        }

        return View(empleado);
    }

y en la vista parcial: Views/Empleado/_EmpleadosPartial.cshtml

@model myapp.Models.Empleado

@foreach (var empleado in ViewBag.Empleados)
{
<li>@empleado.Nombre</li>
}

Como funciona esto:

@using (Ajax.BeginForm("Create", "Empleado", new AjaxOptions() { HttpMethod = "Post", UpdateTargetId = "resultado", InsertionMode = InsertionMode.Replace }))

Estas especificando un formulario que usa ajax, el cual está llamado la acción Create del controlador Empleado con método POST cuyo resultado será renderizado en la etiqueta cuyo id sea "resultado", por eso estoy llamando una vista parcial en mi controlador. Eso es todo espero te sea de ayuda