0
397
VistasAsp.net core cómo mostrar el modelo IEnumerable uno por uno
Tengo un modelo IEnumerable que quiero mostrar uno por uno a la vista.
public IActionResult Index() { var model = _context.Question.ToList(); return View(model); }Tengo una vista similar a la de abajo. Quiero que se muestren los elementos siguiente y anterior presionando el botón siguiente y anterior
Y esta es mi vista
<div> <p> @foreach (var item in Model.Take(1)) { @Html.Raw(item.QuestionContent) foreach (var item2 in item.Answers) { @Html.Raw(item2.AnswerContent) <input type="checkbox" /> } } </p> <div> <a id="btnnext" class="btn"> Next </a> <a id="btnprev" class="btn"> Prev </a> </div>
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Aquí hay una demostración completa que puede seguir:
Modelo:
public class Question { public int Id { get; set; } public string QuestionContent { get; set; } public List<Answer> Answers { get; set; } } public class Answer { public int Id { get; set; } public string AnswerContent { get; set; } }Vista:
@model IEnumerable<Question> @{ int current = (int)ViewBag.CurrentIndex; } <div> <p> @Html.Raw(Model.ElementAt(current).QuestionContent) @foreach (var item in Model.ElementAt(current).Answers) { @Html.Raw(item.AnswerContent) <input type="checkbox" /> } </p> @{ var prevDisabled = !(bool)ViewBag.HasPreviousPage ? "disabled" : ""; var nextDisabled = !(bool)ViewBag.HasNextPage ? "disabled" : ""; } <a asp-action="Index" asp-route-index="@ViewBag.PreviousIndex" class="btn btn-default @prevDisabled"> Previous </a> <a asp-action="Index" asp-route-index="@ViewBag.NextIndex" class="btn btn-default @nextDisabled"> Next </a> </div>Controlador:
public IActionResult Index(int index) { var model = _context.Question.ToList(); ViewBag.CurrentIndex = index; ViewBag.PreviousIndex = index - 1; ViewBag.NextIndex = index + 1; ViewBag.HasPreviousPage = ViewBag.PreviousIndex == -1 ? false : true; ViewBag.HasNextPage = ViewBag.NextIndex == model.Count() ? false : true; return View(model); }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta