Нужно реализовать подсветку текущего раздела меню

@Chert1985 · Регистрация: 22.09.2012

Author24 — интернет-сервис помощи студентам

Есть сайт-каталог. В нем я создал меню (контроллер, модель и частичное представление, которые, используя рекурсивную функцию, создает список меню ul-li...ul-li). Вывел это меню в шаблоне _Layout.cshtml. Все работает, все красиво.
НО
Нужно реализовать подсветку текущего раздела меню.
И тут начались проблемы. Лично я нашел 2 варианта решения:
1) вытаскивать из запроса URL название текущего подкаталога
2) переместить вызов меню из _Layout.cshtml в представление каждой страницы и вызывать его с параметрами.

У обоих способов есть и "+" и "-".

Может у кого-нибудь есть лучшее решение?

@Margerak · 10.10.2012, 17:20

HTML5

@{
        Dictionary<string, string> links = new Dictionary<string, string>();
 
        links.Add("Home", "/Home/Index");
        links.Add("About", "/Home/About");
    }
 
...
<div id="menu">
                    <ul>
                        @foreach (var item in links)
                        {
                            var Selected = item.Value == Request.Url.PathAndQuery ? "current_page_item" : string.Empty;
                            <li class="@Selected"><a href="@item.Value">@item.Key</a></li>
                        }
                    </ul>
                </div>

В итоге подсвечивает даже если человек не тыкал на пункт меню, а просто перешел по ссылке. Проблема такого подхода в понижении производительности. Каждый раз создавать инстанс словаря и заполнять его сам понимаешь...

@Chert1985 · 11.10.2012, 12:07 **[ТС]**

Это и есть реализация первого метода о котором я писал

@Margerak · 11.10.2012, 12:39

лучше Jquery

@Chert1985 · 11.10.2012, 12:46 **[ТС]**

А как именно?

@Margerak · 11.10.2012, 12:51

http://blog.huidesign.com/auto... ss-jquery/

@Chert1985 · 11.10.2012, 12:56 **[ТС]**

Спасибо, но все же хочется надеяться что подсветку можно реализовать и на стороне сервера (без особой нагрузки)

@Margerak · 11.10.2012, 13:18

А почему именно на сервере?

@Chert1985 · 11.10.2012, 13:26 **[ТС]**

Ну хотя бы потому, что еще встречаются люди, у которых отключены скрипты в браузере

@Margerak · 11.10.2012, 15:55

ризонно

@Chert1985 · 11.10.2012, 16:09 **[ТС]**

Можно попробовать вызвать _SiteLayout с параметром? Но как это сделать???

@Margerak · 11.10.2012, 19:21

Передать параметры как в методы действий? Поскольку layout не принадлежит ни к какому контроллеру, то по идее нет. Попробуй поколдовать с Session или ViewData.

@Alligieri · 13.10.2012, 03:37

А проверять Request["controller"] и Request["action"] не прокатит?

@Margerak · 13.10.2012, 10:10

У layout нету контроллера, если ты перейдешь по пути /Home/About то вызовется соответствующие контроллер home и действие about. Ты можешь в каждом контроллере на действиях, которые у тебя в списке меню логировать во ViewBag/ViewData текущую Url.PathAndQuery, а потом сравнивать ссылки твоих
тегов "а" со значением или вариант что я тебе раньше предлагал.

Добавлено через 18 минут
Request["controller"] и Request["action"] будут тебе показывать Home About

@Margerak 1 / 1 / 1 Регистрация: 10.10.2012 Сообщений: 17
	13.10.2012, 10:10	14
	У layout нету контроллера, если ты перейдешь по пути /Home/About то вызовется соответствующие контроллер home и действие about. Ты можешь в каждом контроллере на действиях, которые у тебя в списке меню логировать во ViewBag/ViewData текущую Url.PathAndQuery, а потом сравнивать ссылки твоих тегов "а" со значением или вариант что я тебе раньше предлагал. Добавлено через 18 минут Request["controller"] и Request["action"] будут тебе показывать Home About 0

@Chert1985 6 / 6 / 0 Регистрация: 22.09.2012 Сообщений: 25
		1
	Нужно реализовать подсветку текущего раздела меню 30.09.2012, 12:07. Показов 2557. Ответов 13 Метки нет (Все метки) Есть сайт-каталог. В нем я создал меню (контроллер, модель и частичное представление, которые, используя рекурсивную функцию, создает список меню ul-li...ul-li). Вывел это меню в шаблоне _Layout.cshtml. Все работает, все красиво. НО Нужно реализовать подсветку текущего раздела меню. И тут начались проблемы. Лично я нашел 2 варианта решения: 1) вытаскивать из запроса URL название текущего подкаталога 2) переместить вызов меню из _Layout.cshtml в представление каждой страницы и вызывать его с параметрами. У обоих способов есть и "+" и "-". Может у кого-нибудь есть лучшее решение? 0

@Chert1985 6 / 6 / 0 Регистрация: 22.09.2012 Сообщений: 25
	11.10.2012, 12:07 [ТС]	3
	Это и есть реализация первого метода о котором я писал 0

@Margerak 1 / 1 / 1 Регистрация: 10.10.2012 Сообщений: 17
	11.10.2012, 12:39	4
	лучше Jquery 0

@Chert1985 6 / 6 / 0 Регистрация: 22.09.2012 Сообщений: 25
	11.10.2012, 12:46 [ТС]	5
	А как именно? 0

@Margerak 1 / 1 / 1 Регистрация: 10.10.2012 Сообщений: 17
	11.10.2012, 12:51	6
	http://blog.huidesign.com/auto... ss-jquery/ 0

@Chert1985 6 / 6 / 0 Регистрация: 22.09.2012 Сообщений: 25
	11.10.2012, 12:56 [ТС]	7
	Спасибо, но все же хочется надеяться что подсветку можно реализовать и на стороне сервера (без особой нагрузки) 0

@Margerak 1 / 1 / 1 Регистрация: 10.10.2012 Сообщений: 17
	11.10.2012, 13:18	8
	А почему именно на сервере? 0

@Chert1985 6 / 6 / 0 Регистрация: 22.09.2012 Сообщений: 25
	11.10.2012, 13:26 [ТС]	9
	Ну хотя бы потому, что еще встречаются люди, у которых отключены скрипты в браузере 0

@Margerak 1 / 1 / 1 Регистрация: 10.10.2012 Сообщений: 17
	11.10.2012, 15:55	10
	ризонно 0

@Chert1985 6 / 6 / 0 Регистрация: 22.09.2012 Сообщений: 25
	11.10.2012, 16:09 [ТС]	11
	Можно попробовать вызвать _SiteLayout с параметром? Но как это сделать??? 0

@Margerak 1 / 1 / 1 Регистрация: 10.10.2012 Сообщений: 17
	11.10.2012, 19:21	12
	Передать параметры как в методы действий? Поскольку layout не принадлежит ни к какому контроллеру, то по идее нет. Попробуй поколдовать с Session или ViewData. 0

@Alligieri CEO 2258 / 1248 / 57 Регистрация: 16.03.2009 Сообщений: 3,588
	13.10.2012, 03:37	13
	А проверять Request["controller"] и Request["action"] не прокатит? 0