2

Estou precisando retornar do meu controller para minha view do projeto dados para montar o breadcrumb (navegação estruturada).

Meu problema é: Se eu mandar por ViewBag ou ViewData ou TempData, e o usuário estiver usando duas janelas diferentes, posso mostrar os dados errados.

Existe uma forma mais "segura" de passar estes dados, além de ele estar presente no model.

2
  • Tenho mais um algoritmo que montei aqui e que é um pouco mais simples que este que marquei. Se quiser, reabro a pergunta e coloco ele. Commented 8/10/2015 às 14:52
  • Se conseguir deixar ambos os exemplos, seria interessante. Não tinha procurado como breadcrumb
    – Tiedt Tech
    Commented 8/10/2015 às 15:17

1 Resposta 1

2

A pergunta e respostas já existem aqui, mas acho interessante colocar mais um exemplo de breadcrumb, considerando que deixei a abordagem mais simples nos últimos tempos.

As informações para montagem de um breadcrumb de até 3 níveis já existem no MVC, dentro de ViewContext. Um exemplo pode ser feito da seguinte forma:

<ul class="page-breadcrumb">
    <li>
        <i class="fa fa-home"></i>
        <a href="~/">Meu Sistema</a>
        <i class="fa fa-angle-right"></i>
    </li>
    <li>
        <a href="~/@ViewContext.RouteData.Values["controller"]">@(Linguagem.ResourceManager.GetString(ViewContext.RouteData.Values["controller"].ToString()) ?? ViewContext.RouteData.Values["controller"].ToString())</a>
        <i class="fa fa-angle-right"></i>
    </li>
    <li>
        <a href="~/@ViewContext.RouteData.Values["controller"]/@ViewContext.RouteData.Values["action"]/@(ViewContext.RouteData.Values["id"] ?? "")">@(Linguagem.ResourceManager.GetString(ViewContext.RouteData.Values["action"].ToString()) ?? ViewContext.RouteData.Values["action"].ToString())</a>
    </li>
</ul>

Linguagem é um arquivo de resource (.resx) que contém todas as strings de nomes próprios de Controllers.

O CSS é baseado no template Metronic, cujo CSS coloco abaixo:

.page-bar .page-breadcrumb {
  display: inline-block;
  float: left;
  padding: 10px 6px;
  margin: 0;
  list-style: none;
}
.page-bar .page-breadcrumb > li {
  display: inline-block;
}
.ie8 .page-bar .page-breadcrumb > li {
  margin-right: 1px;
}
.page-bar .page-breadcrumb > li > a,
.page-bar .page-breadcrumb > li > span {
  color: #888;
  font-size: 13px;
  text-shadow: none;
}
.page-bar .page-breadcrumb > li > i {
  color: #aaa;
  font-size: 14px;
  text-shadow: none;
}
.page-bar .page-breadcrumb > li > i[class^="icon-"],
.page-bar .page-breadcrumb > li > i[class*="icon-"] {
  color: #8c8c8c;
}

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 .