Bootstrap navbar에 "active" 클래스 추가 사용자가 현재 보고 있는 페이지에 대한 시각적 피드백을 제공하기 위한 필수 단계입니다. Html.ActionLink를 사용하여 탐색 링크를 생성할 때 링크 자체에 클래스를 할당할 것으로 예상할 수 있습니다. 그러나 적절한 기능을 위해서는 클래스를
이 요구 사항을 해결하려면 다음과 같이 코드를 수정하세요.
<ul class="nav navbar-nav"> <li class="active">@Html.ActionLink("Home", "Index", "Home")</li> <li>@Html.ActionLink("About", "About", "Home")</li> <li>@Html.ActionLink("Contact", "Contact", "Home")</li> </ul>
"active" 클래스를
여러 작업이나 컨트롤러가 선택한 동작을 트리거할 수 있는 시나리오의 경우 HtmlHelper 확장 메서드 사용을 고려하세요.
public static string IsSelected(this IHtmlHelper htmlHelper, string controllers, string actions, string cssClass = "selected") { string currentAction = htmlHelper.ViewContext.RouteData.Values["action"] as string; string currentController = htmlHelper.ViewContext.RouteData.Values["controller"] as string; IEnumerable<string> acceptedActions = (actions ?? currentAction).Split(','); IEnumerable<string> acceptedControllers = (controllers ?? currentController).Split(','); return acceptedActions.Contains(currentAction) && acceptedControllers.Contains(currentController) ? cssClass : String.Empty; }
이 확장을 사용하면 이제 다음 구문을 사용할 수 있습니다.
<li class="@Html.IsSelected(actions: "Home", controllers: "Default")"> <a href="@Url.Action("Home", "Default")">Home</a> </li>
위 내용은 부트스트랩 탐색을 위해 ASP.NET MVC의 Html.ActionLink에 '활성' 클래스를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!