Применение стиля Css к Asp: MenuItem меню - PullRequest
Новая
       30

Применение стиля Css к Asp: MenuItem меню

0 голосов
/ 27 сентября 2010

Я, по сути, создаю вертикальную хлебную крошку для создания навигации по сайту для мобильного (iphone) сайта. Похоже на то, как http://news.bbc.co.uk/sport1/hi/football/default.stm работает при переходе в «Премьер-лигу»

Использование элемента управления Asp: Menu и SiteMapDataSource. Я связываю только ссылки на текущие уровни в карте сайта, а затем нахожу их родителей для вставки вручную вверху списка. В качестве примера можно привести nav: Около, Кто мы, Что мы делаем, Местоположение 

var mi = new MenuItem();
mi.NavigateUrl = node.Url;
mi.Text = node.Title;
mi.ToolTip = node.Description;

MobileMenu.Items.AddAt(0, mi);

Это все нормально и отлично работает. Однако этот динамически вставленный верхний элемент MenuItem должен быть стилизован в другом цвете фона. В приведенном выше примере «About» будет иметь более темный цвет bg, чем 3 элемента под ним.

Но нет никакого очевидного свойства в MenuItem, чтобы сделать это.

Как я могу динамически установить стиль для элемента MenuItem, который я вставляю в позицию 0?

1 Ответ

0 голосов
/ 29 сентября 2010

В ответ на это я использовал метод jQuery li: nth-child () для установки класса в li, после чего я затем использую Page.ClientScript.RegisterStartupScript (). 

private const string HighlightScript =
        "<script language=\"javascript\">\n" +
        "$(\"ul.top li:nth-child(4)\").addClass(\"menu-Fourth\");" +
        "</script>";

public void AddHighlightScript(string script, string name)
    {
        Page.ClientScript.RegisterStartupScript(GetType(), name, script);
    }

Если кто-тоеще есть решение, пожалуйста, поделитесь.

...