[ASP.NET] Aktywne menu

Question

Dobry wieczór wszystkim ^^

Kilka dni temu zacząłem zabawę z ASP i jedną z pierwszych rzeczy, które chciałem zrobić to aktywne menu. Pod tym określeniem rozumiem, że przy przejściu na konkretną podstronę do elementu menu dodawana jest klasa active.

Zmodyfikowałem standardowy kod menu generowany przez visual studio w taki sposób:

<li class="
  @if (ViewData["Title"].ToString() == "Contact")
  {
    <text>active</text>
  }
">
  <a asp-area="" asp-controller="Home" asp-action="Contact">Contact</a>
</li>

ViewData["Title"] przechowywane jest w Contact.cshtml w folderze widoku. Przypuszczam, że mimo działania tej metody, jest ona nie najlepsza. Chciałbym poznać lepsze rozwiązania tego problemu w ASP, oraz dowiedzieć się czemu ta metoda nie sprawdza się najlepiej. Ponadto, jak przypuszczam lepiej byłoby wykonać to wykorzystując js. Chciałbym też poznać waszą opinię w tej drugiej sprawie.

Pozdrawiam

Comments

Skąd uczysz się ASP.NET?

---

Dokumentacja MS'a, szkolenia linkedin i kilka innych stron. Mam jeszcze zamiar wykorzystać kilka innych źródeł. Ale ogólnie wszystko co MS oferuje + podstawy które do tej pory zdobyłem pracując w innych językach.

Answer 1

Cześć,

Tutaj masz odpowiedź jak to można zrobić w trochę ładniejszy sposób 

https://stackoverflow.com/questions/20410623/how-to-add-active-class-to-html-actionlink-in-asp-net-mvc

 

czyli korzystasz z ViewVontext.RouteData żeby pobrać nazwę akcji z której został wyrenderowany widok a następnie porównujesz ją z konkretnym linkiem żeby mu nadać klasę :)

 

<ul class="nav navbar-nav">
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Index" ? "active" : "")">@Html.ActionLink("Home", "Index", "Home")</li>
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "About" ? "active" : "")">@Html.ActionLink("About", "About", "Home")</li>
    <li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Contact" ? "active" : "")">@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>

 

Comments

A no ładniej to wygląda i przy zastosowaniu heleperów może być naprawdę fajne. Ale może są jeszcze jakieś inne metody ^^

Answer 2

może jest ktoś kto mógłby się jeszcze wypowiedzieć w tej sprawie ^^