0

Trazer informações para a View()

Pessoal, boa tarde.

Estou com a seguinte dificuldade: Tenho uma tela de pesquisa de um helpDesk e preciso exibir os dados do banco, que é uma lista de chamados, porém nessa mesma tela eu tenho alguns inputs que serão usados para pesquisar no banco e retornar essa mesma listagem, dentre eles alguns <selects/> como, Categoria, Status e NivelPrioridade que na minha ideia eu desejo preencher com dados do próprio banco, já que cada um é uma tabela. Consegui trazer os dados para os inputs através de uma ViewModel, porém não consigo listar os chamados a partir da ViewModel, nem criar uma ViewBag com a lista retornada do banco para fazer essa listagem e aparentemente nem trazer mais de um dado como parametro pela View().

Então minha duvida seria:

  1. Como passar mais de um parametro pra view ou
  2. Como listar os meus chamados e ao mesmo tempo preencher os selects com a própria viewModel

Eu não sei se estou sendo claro o suficiente, peço desculpas desde já, está confuso pra mim também.

Segue o código para exemplificar:

//Codigo referente a minha View

@model AppHelpDesk.Models.ViewModels.ChamadoViewModel

@{
   }

<div class="d-flex flex-row mb-3">
    <div class="input-group input-group-md col-6">
        <div class="input-group-prepend">
            <label asp-for="Chamado.Id" class="input-group-text" id="inputGroup-sizing-sm"></label>
        </div>
        <input asp-for="Chamado.Id" value="" placeholder="Id do chamado" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
    </div>

    <div class="input-group input-group-md col-6">
        <div class="input-group-prepend">
            <label asp-for="Chamado.Titulo" class="input-group-text" id="inputGroup-sizing-sm">Titulo</label>
        </div>
        <input asp-for="Chamado.Titulo" value="" placeholder="Titulo do chamado" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
    </div>
</div>

<div class="d-flex flex-row mb-3">
    <div class="input-group input-group-md col-4">
        <div class="input-group-prepend">
            <label asp-for="Chamado.DataInicial" class="input-group-text" id="inputGroup-sizing-sm">Data Inicial</label>
        </div>
        <input asp-for="Chamado.DataInicial" class="form-control" type="date" value="" id="example-date-input">

    </div>

    <div class="input-group input-group-md col-4">
        <div class="input-group-prepend">
            <label asp-for="Chamado.DataFinal" class="input-group-text" id="inputGroup-sizing-sm">Data Final</label>
        </div>
        <input asp-for="Chamado.DataFinal" class="form-control" type="date" value="" id="example-date-input">
    </div>

    <div class="input-group input-group-md col-4">
        <div class="input-group-prepend">
            <label asp-for="Chamado.CategoriaId" class="input-group-text" 
                   for="inputGroupSelect01">Categoria</label>
        </div>
        <select asp-for="Chamado.CategoriaId" 
                asp-items="@(new SelectList(Model.Categoria, "Id", "Nome"))" 
                class="custom-select" id="inputGroupSelect01">
        </select>
    </div>
</div>

<div class="d-flex flex-row mb-3">
    <div class="input-group input-group-md col-5">
        <div class="input-group-prepend">
            <label asp-for="Chamado.StatusId" class="input-group-text" for="inputGroupSelect01">Status</label>
        </div>
        <select asp-for="Chamado.StatusId"  
                 asp-items="@(new SelectList(Model.Status, "Id", "Nome"))" 
                class="custom-select" id="inputGroupSelect01">        
        </select>
    </div>

    <div class="input-group input-group-md col-5">
        <div class="input-group-prepend">
            <label asp-for="Chamado.NivelPrioridadeId" class="input-group-text" for="inputGroupSelect01">Prioridade</label>
        </div>
        <select asp-for="Chamado.NivelPrioridadeId"
                asp-items="@(new SelectList(Model.NivelPrioridade, "Id", "Nome"))" 
                class="custom-select" id="inputGroupSelect01">  
        </select>
    </div>

    <div class="input-group input-group-md col-2 d-flex justify-content-end">
        <button type="submit" class="btn btn-primary">Pesquisar</button>
    </div>
</div>

<div class="bg-white p-4 table-responsive-md">

    <h4 class="mb-3">
        Chamados pendentes
    </h4>

   @*<table class="table table-bordered table-sm table-hover">
        <thead class="thead-dark">
            <tr>
                <th scope="col">
                    @Html.DisplayNameFor(model => model.Titulo)
                </th>
                <th scope="col">
                    @Html.DisplayNameFor(model => model.Descricao)
                </th>
                <th scope="col">
                    @Html.DisplayNameFor(model => model.DataInicial)
                </th>
                <th scope="col">
                    @Html.DisplayNameFor(model => model.DataFinal)
                </th>
            </tr>
        </thead>
        <tbody>

            @foreach (var i in Model)
            {
                if (i.StatusId == 1)
                {
                    <tr>
                        <td>@Html.DisplayFor(modelItem => i.Titulo)</td>
                        <td>@Html.DisplayFor(modelItem => i.Descricao)</td>
                        <td>@Html.DisplayFor(modelItem => i.DataInicial)</td>
                        <td>@Html.DisplayFor(modelItem => i.DataFinal)</td>
                    </tr>
                }

            }
        </tbody>
    </table>*@
</div>

...

// Codigo da minha controller

namespace AppHelpDesk.Controllers
{
    public class HomeController : Controller
    {
        private readonly DashboardService _dashboardService;

        public HomeController (DashboardService dashboardService)
        {
            this._dashboardService = dashboardService;
        }

        // GET: Dashboard
        public IActionResult Index()
        {
            var list = _dashboardService.FindAll();
            ViewBag.pedingCount = list.Where(x => x.StatusId == 1).Count();
            ViewBag.SolvedCount = list.Where(x => x.StatusId == 2).Count();
            ViewBag.priorityCount = list.Where(x => x.NivelPrioridadeId == 3).Count();
            return View();
        }

        public IActionResult Create(Chamado chamado)
        {
            _dashboardService.Insert(chamado);
            return RedirectToAction(nameof(Index));
        }

        public IActionResult Pending(Chamado chamado)
        {
            var status = _dashboardService.FindAllStatus();
            var prioridade = _dashboardService.FindAllPrioridade();
            var categoria = _dashboardService.FindAllCategoria();
            var setor = _dashboardService.FindAllSetor();

            var viewModel = new ChamadoViewModel
            {
                Categoria = categoria,
                Chamado = chamado,
                NivelPrioridade = prioridade,
                Setor = setor,
                Status = status
            };

            ViewBag.listaChamados = _dashboardService.FindAll();
            return View(viewModel);
        }

        public IActionResult Solved()
        {
            var list = _dashboardService.FindAll();
            return View(list);
        }

        public IActionResult Priority()
        {
            var list = _dashboardService.FindAll();
            return View(list);
        }
    }
}

// Codigo da minha ViewModel

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace AppHelpDesk.Models.ViewModels
{
    public class ChamadoViewModel
    {
        public Chamado Chamado { get; set; }
        public ICollection<Categoria> Categoria { get; set; }
        public ICollection<Status> Status { get; set; }
        public ICollection<Setor> Setor { get; set; }
        public ICollection<NivelPrioridade> NivelPrioridade { get; set; }
    }
}

1 Resposta 1

0

Como passar mais de um parâmetro pra View

R: Não é possível passar mais de 1 parâmetro para o método View é justamente por isso que utilizamos as ViewModels para Isso.

Como listar os meus chamados e ao mesmo tempo preencher os Selects com a própria ViewModel

R: Basicamente sua ViewModel vai possuir Um pouco mais de Responsabilidade que ela possui hoje. Pelo oque eu entendi você quer fazer um filtro e listar os registro filtrados, basicamente isso vai ficar assim.

Controller

public IActionResult Pending(ChamadoViewModel viewModel)
{
    return View(viewModel.Get());
}

View Model

public class ChamadoViewModel
{
    #region Dependency Injection

    private readonly IRepository _repository;

    public ChamadoViewModel(IRepository repository)
    {
        _repository = repository;
    }

    #endregion

    #region Handlers

    public ChamadoViewModel Get()
    {
        var query = _repository.FindAllChamados()
                                .AsQueryable();

        Categorias = _repository.FindAllCategorias();
        Status = _repository.FindAllStatus();
        Setores = _repository.FindAllSetores();
        NivelPrioridades = _repository.FindAllPrioridades();

        if (Id != null)
            query = query.Where(x => x.Id == Id);
        if (string.IsNullOrEmpty(Titulo))
            query = query.Where(x => x.Titulo == Titulo);
        if (DataInicial != null && DataFinal != null)
            query = query.Where(x => x.DataInicial >= DataInicial && x.DataFinal <= DataFinal);
        if (CategoriaId != null)
            query = query.Where(x => x.CategoriaId == CategoriaId);
        if (StatusId != null)
            query = query.Where(x => x.StatusId == StatusId);
        if (SetorId != null)
            query = query.Where(x => x.SetorId == SetorId);
        if (NivelPrioridadeId != null)
            query = query.Where(x => x.NivelPrioridadeId == NivelPrioridadeId);

        Chamados = query.ToList();
        return this;
    }

    #endregion

    #region Data

    public Chamado Chamado { get; set; }
    public ICollection<Chamado> Chamados { get; set; }
    public ICollection<Categoria> Categorias { get; set; }
    public ICollection<Status> Status { get; set; }
    public ICollection<Setor> Setores { get; set; }
    public ICollection<NivelPrioridade> NivelPrioridades { get; set; }

    #endregion

    #region Helper

    // Essa é a região de Filtro é nessas propriedades que serão feito os Binds ou Asp-For

    public int? Id { get; set; }
    public int? CategoriaId { get; set; }
    public int? StatusId { get; set; }
    public int? SetorId { get; set; }
    public int? NivelPrioridadeId { get; set; }
    public string Titulo { get; set; }
    public DateTime? DataInicial { get; set; }
    public DateTime? DataFinal { get; set; }

    #endregion
}

View

@model AspNetCore.Controllers.ChamadoViewModel

@{
}

<div class="d-flex flex-row mb-3">
    <div class="input-group input-group-md col-6">
        <div class="input-group-prepend">
            <label asp-for="Id" class="input-group-text" id="inputGroup-sizing-sm"></label>
        </div>
        <input asp-for="Id" value="" placeholder="Id do chamado" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
    </div>

    <div class="input-group input-group-md col-6">
        <div class="input-group-prepend">
            <label asp-for="Titulo" class="input-group-text" id="inputGroup-sizing-sm">Titulo</label>
        </div>
        <input asp-for="Titulo" value="" placeholder="Titulo do chamado" type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
    </div>
</div>

<div class="d-flex flex-row mb-3">
    <div class="input-group input-group-md col-4">
        <div class="input-group-prepend">
            <label asp-for="DataInicial" class="input-group-text" id="inputGroup-sizing-sm">Data Inicial</label>
        </div>
        <input asp-for="DataInicial" class="form-control" type="date" value="" id="example-date-input">

    </div>

    <div class="input-group input-group-md col-4">
        <div class="input-group-prepend">
            <label asp-for="DataFinal" class="input-group-text" id="inputGroup-sizing-sm">Data Final</label>
        </div>
        <input asp-for="DataFinal" class="form-control" type="date" value="" id="example-date-input">
    </div>

    <div class="input-group input-group-md col-4">
        <div class="input-group-prepend">
            <label asp-for="CategoriaId" class="input-group-text"
                   for="inputGroupSelect01">Categoria</label>
        </div>
        <select asp-for="CategoriaId"
                asp-items="@(new SelectList(Model.Categorias, "Id", "Nome"))"
                class="custom-select" id="inputGroupSelect01">
        </select>
    </div>
</div>

<div class="d-flex flex-row mb-3">
    <div class="input-group input-group-md col-5">
        <div class="input-group-prepend">
            <label asp-for="StatusId" class="input-group-text" for="inputGroupSelect01">Status</label>
        </div>
        <select asp-for="StatusId"
                asp-items="@(new SelectList(Model.Status, "Id", "Nome"))"
                class="custom-select" id="inputGroupSelect01">
        </select>
    </div>

    <div class="input-group input-group-md col-5">
        <div class="input-group-prepend">
            <label asp-for="NivelPrioridadeId" class="input-group-text" for="inputGroupSelect01">Prioridade</label>
        </div>
        <select asp-for="NivelPrioridadeId"
                asp-items="@(new SelectList(Model.NivelPrioridades, "Id", "Nome"))"
                class="custom-select" id="inputGroupSelect01">
        </select>
    </div>

    <div class="input-group input-group-md col-2 d-flex justify-content-end">
        <button type="submit" class="btn btn-primary">Pesquisar</button>
    </div>
</div>

<div class="bg-white p-4 table-responsive-md">

    <h4 class="mb-3">
        Chamados pendentes
    </h4>

    <table class="table table-bordered table-sm table-hover">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">
                        @Html.DisplayNameFor(model => model.Chamado.Titulo)
                    </th>
                    <th scope="col">
                        @Html.DisplayNameFor(model => model.Chamado.Descricao)
                    </th>
                    <th scope="col">
                        @Html.DisplayNameFor(model => model.Chamado.DataInicial)
                    </th>
                    <th scope="col">
                        @Html.DisplayNameFor(model => model.Chamado.DataFinal)
                    </th>
                </tr>
            </thead>
            <tbody>

                @foreach (var i in Model.Chamados)
                {
                    if (Model.StatusId == 1)
                    {
                        <tr>
                            <td>@Html.DisplayFor(modelItem => i.Titulo)</td>
                            <td>@Html.DisplayFor(modelItem => i.Descricao)</td>
                            <td>@Html.DisplayFor(modelItem => i.DataInicial)</td>
                            <td>@Html.DisplayFor(modelItem => i.DataFinal)</td>
                        </tr>
                    }
                }
            </tbody>
        </table>
</div>

Espero que isso esclareça todas as suas duvidas, e se ficar alguma em aberto fico a disposição para tentar esclarecê-la.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .