Поделиться через


Menu.StaticSelectedStyle Свойство

Определение

Получает ссылку на MenuItemStyle объект, позволяющий задать внешний вид элемента меню, выбранного пользователем в статическом меню.

public:
 property System::Web::UI::WebControls::MenuItemStyle ^ StaticSelectedStyle { System::Web::UI::WebControls::MenuItemStyle ^ get(); };
[System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)]
public System.Web.UI.WebControls.MenuItemStyle StaticSelectedStyle { get; }
[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
member this.StaticSelectedStyle : System.Web.UI.WebControls.MenuItemStyle
Public ReadOnly Property StaticSelectedStyle As MenuItemStyle

Значение свойства

Ссылка на MenuItemStyle стиль выбранного элемента меню в статическом меню.

Атрибуты

Примеры

В следующем примере кода показано, как использовать StaticSelectedStyle свойство для указания светло-синего цвета фона для выбранного статического элемента меню.


<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>Menu StaticSelectedStyle Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>Menu StaticSelectedStyle Example</h3>
    
      <asp:menu id="NavigationMenu"
        staticdisplaylevels="2"
        staticsubmenuindent="10" 
        orientation="Vertical"
        runat="server">
        
        <staticselectedstyle backcolor="LightBlue"
          borderstyle="Solid"
          bordercolor="Black"
          borderwidth="1"/>
      
        <items>
          <asp:menuitem text="Home"
            tooltip="Home">
            <asp:menuitem text="Music"
              tooltip="Music">
              <asp:menuitem text="Classical"
                tooltip="Classical"/>
              <asp:menuitem text="Rock"
                tooltip="Rock"/>
              <asp:menuitem text="Jazz"
                tooltip="Jazz"/>
            </asp:menuitem>
            <asp:menuitem text="Movies"
              tooltip="Movies">
              <asp:menuitem text="Action"
                tooltip="Action"/>
              <asp:menuitem text="Drama"
                tooltip="Drama"/>
              <asp:menuitem text="Musical"
                tooltip="Musical"/>
            </asp:menuitem>
          </asp:menuitem>
        </items>
      
      </asp:menu>

    </form>
  </body>
</html>

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>Menu StaticSelectedStyle Example</title>
</head>
<body>
    <form id="form1" runat="server">
    
      <h3>Menu StaticSelectedStyle Example</h3>
    
      <asp:menu id="NavigationMenu"
        staticdisplaylevels="2"
        staticsubmenuindent="10" 
        orientation="Vertical"
        runat="server">
        
        <staticselectedstyle backcolor="LightBlue"
          borderstyle="Solid"
          bordercolor="Black"
          borderwidth="1"/>
      
        <items>
          <asp:menuitem text="Home"
            tooltip="Home">
            <asp:menuitem text="Music"
              tooltip="Music">
              <asp:menuitem text="Classical"
                tooltip="Classical"/>
              <asp:menuitem text="Rock"
                tooltip="Rock"/>
              <asp:menuitem text="Jazz"
                tooltip="Jazz"/>
            </asp:menuitem>
            <asp:menuitem text="Movies"
              tooltip="Movies">
              <asp:menuitem text="Action"
                tooltip="Action"/>
              <asp:menuitem text="Drama"
                tooltip="Drama"/>
              <asp:menuitem text="Musical"
                tooltip="Musical"/>
            </asp:menuitem>
          </asp:menuitem>
        </items>
      
      </asp:menu>

    </form>
  </body>
</html>

Комментарии

StaticSelectedStyle Используйте свойство для управления внешним видом элемента меню, выбранного пользователем в статическом меню. Это свойство доступно только для чтения; однако можно задать свойства возвращаемого MenuItemStyle объекта. Свойства можно задать декларативно в форме Property-Subproperty, где Subproperty свойство MenuItemStyle объекта (например, StaticSelectedStyle-ForeColor). Свойства также можно задать программным способом в форме Property.Subproperty (например, StaticSelectedStyle.ForeColor).

Свойства стиля для статического элемента меню применяются в следующем порядке:

  1. StaticMenuStyle.

  2. StaticMenuItemStyle. LevelMenuItemStyles Если определена коллекция или LevelSubMenuStyles коллекция, она применяется в настоящее время, переопределяя другие свойства стиля элемента меню.

  3. StaticSelectedStyle. LevelSelectedStyles Если коллекция определена, она применяется в настоящее время, переопределяя другие свойства стиля элемента меню.

  4. StaticHoverStyle.

Это важно

Критическое изменение ниже.

Перед .NET Framework 4.0 при определении <asp:Menu> элемента управления в файле .aspx пользователи могут задать свойство, чтобы задать StaticSelectedStyle-CssClass класс CSS выбранного элемента управления. Например, у пользователя может быть элемент управления меню, как показано ниже:

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" 
    StaticMenuItemStyle-CssClass="MenuItem"
    StaticSelectedStyle-CssClass="MenuItem_selected"
    OnMenuItemClick="Menu1_MenuItemClick" Style="margin-bottom: 0px" EnableTheming="True" ClientIDMode="Static">
    <Items>
        <asp:MenuItem Text="item_0" Value="0" Selected="True"></asp:MenuItem>
        <asp:MenuItem Text="itme_1" Value="1"></asp:MenuItem>
    </Items>
</asp:Menu>

И элемент управления меню отображается как:

<div id="Menu1" style="margin-bottom: 0px">
    <ul class="level1">
        <li><a class="level1 MenuItem MenuItem_selected " href="#" onclick="__doPostBack(&#39;Menu1&#39;,&#39;0&#39;)">item_0</a></li>
        <li><a class="level1 MenuItem" href="#" onclick="__doPostBack(&#39;Menu1&#39;,&#39;1&#39;)">itme_1</a></li>
    </ul>
</div>

Однако в .NET Framework 4.0 и более поздних версиях выбранный пункт меню устанавливается для selected класса CSS всегда вместо класса, указанного в параметре StaticSelectedStyle-CssClass. Таким образом, приведенный выше код ASP.NET отображается следующим образом:

<div id="Menu1" style="margin-bottom: 0px">
    <ul class="level1">
        <li><a class="level1 MenuItem selected " href="#" onclick="__doPostBack(&#39;Menu1&#39;,&#39;0&#39;)">item_0</a></li>
        <li><a class="level1 MenuItem" href="#" onclick="__doPostBack(&#39;Menu1&#39;,&#39;1&#39;)">itme_1</a></li>
    </ul>
</div>

Применяется к

См. также раздел