Partial View
Una vista parcial es una vista dentro de otra vista, es decir, un fragmento de código que se genera en la vista principal dónde habremos llamado a esta vista parcial.
Primero creamos un Modelo
namespace VistaParcial.Models
{
public class Persona
{
public string imagen { get; set; }
public string nombre { get; set; }
public string apellido { get; set; }
public string direccion { get; set; }
public string contrasena { get; set; }
}
}
Vamos a View shared y la creamos ahi.
Creamos nuestra _VistaParcial y elegiremos la opción de crearla como vista parcial (no es obligatorio, ya que lo único que hace es dejar la vista totalmente vacía).
Llamos al modelo desde nuestra vista Parcial
@model VistaParcial.Models.Persona
@{
ViewBag.Title = "Vista Parcial";
}
<h2>Vista Parcial</h2>
<div class="container__child signup__form">
<form action="#" style="padding-top: 20px;">
<div class="form-group">
<label for="username">Nombre</label>
@Html.EditorFor(m => m.nombre, new { htmlAttributes = new { @class = "form-control" } })
</div>
<div class="form-group">
<label for="email">Apellidos</label>
@Html.EditorFor(m => m.apellido, new { htmlAttributes = new { @class = "form-control" } })
</div>
<div class="form-group">
<label for="email">Dirección</label>
@Html.EditorFor(m => m.direccion, new { htmlAttributes = new { @class = "form-control" } })
</div>
<div class="form-group">
<label for="password">Contraseña</label>
@Html.EditorFor(m => m.contrasena, new { htmlAttributes = new { @class = "form-control", @type = "password" } })
</div>
<div class="m-t-lg">
<ul class="list-inline" style="padding-left: 90px;padding-top: 30px;">
<li>
<input class="btn btn--form" type="submit" value="Registrar" />
</li>
</ul>
</div>
</form>
</div>
Vamos a llamarla en la vista que queremos que se genere, para ello se utilizará
@Html.Partial(“_VistaParcial”)
La referenciamos en la vista de About
@{
ViewBag.Title = "About";
}
<h2>@ViewBag.Title.</h2>
<h3>@ViewBag.Message</h3>
@Html.Partial("_VistaParcial")
<p>Use this area to provide additional information.</p>
Corremos y nos muestra lo siguiente
Referencias
https://techclub.tajamar.es/vistas-parciales-asp-net-y-mvc/
https://www.tutorialsteacher.com/mvc/partial-view-in-asp.net-mvc
Comentarios