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

2

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

<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>

код >

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

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

Образец кода высоко оценен.

Теги:
asp.net-mvc

2 ответа

1
Лучший ответ

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

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

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

Поделиться
  • 0
    Вы, вероятно, могли бы сделать то же самое на стороне сервера ... проверьте запрос, runat = server на ul и добавьте класс к нужному файлу.
0

взгляните на эти две страницы:

asp.net mvc и css: наличие закладки меню будет выделено при выборе

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

Поделиться
  • 0
    Хммм ... оба представленных решения огромны и утомительны по сравнению с кажущейся простой задачей :(
  • 0
    Оба из них кажутся относительно простыми. Вам не нравится жесткое кодирование?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню