ASP.NET MVC: вкладки ASCX - настроить класс CSS на основе текущей страницы?

Question

У меня есть приложение ASP.NET MVC, и я пытаюсь реализовать вкладки, которые будут переходить на разные страницы. Вкладки реализованы как простой пользовательский контроль ASCX, например

</p> <pre><code><ul> <li><a href="xyz1.html">Number One</a></li> <li class="activePage"><a href="xyz2.html>Number Two</a></li> <li><a href="xyz1.html">Number Three</a></li> </ul>

Текущая страница разработана с помощью класса css "activePage" (в демонстрационном коде выше на вкладке # 2).

Какой простой и эффективный способ сообщить ASCX, какая вкладка должна получить класс activePage без необходимости изменять его для каждой страницы?

Пример кода высоко ценится.

Answer 1

Подойдет ли вам такое решение, как использование jQuery для выделения активной вкладки?

Вы можете выбрать , который содержит атрибут href, равный текущей странице, и добавить класс к родительскому элементу .

Это самое простое решение, которое я могу придумать.

Answer 2

посмотрите на эти две страницы:

asp.net mvc и css: вкладка меню остается выделенной при выборе

Простой способ установить активную вкладку с помощью контроллеров и пользовательского контроля в ASP.NET MVC?