miércoles, 21 de agosto de 2019

Vistas Parciales

Son partes de vistas que se pueden incluir en una vista general Html, ademas de que pueden recibir parámetros.

A continuación se muestra un ejemplo de paso de parámetros, entre una clase, una vista principal y vista parcial con parámetros:

Se declara la clase, se llenan los objetos y se envía la información a la vista principal:

public class Persona1
    {
        public string Nombre { get; set; }
        public int Edad { get; set; }
    }

se crean los objetos y se devuelve a la vista principal

[HttpGet]
        public ActionResult Index2()
        {
            var personas = new List<Persona1>
            {
                new Persona1
                {
                    Nombre = "Carlos",
                    Edad = 30
                },
                new Persona1
                {
                    Nombre = "Jhosef",
                    Edad = 22
                }
            };

            ViewBag.MiListado = personas;

            return View();
        }

En la vista principal se llama a la vista parcial, pasandole el objeto


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index2</title>
</head>
<body>
    <div>
        @Html.Partial("_ListadoPersonas", (List<WebApplication2.Controllers.Persona1>)ViewBag.MiListado)
    </div>
</body>
</html>

En la vista parcial se lee la informacion enviada

@model List<WebApplication2.Controllers.Persona1>

@foreach (var persona in Model)
{
    <div><strong>Nombre: </strong>@persona.Nombre (@persona.Edad)</div>
}







No hay comentarios.:

Publicar un comentario