Menu.StaticSelectedStyle Свойство

Определение

Получает ссылку на объект MenuItemStyle, позволяющий задать внешний вид выбранного пользователем пункта статического меню.Gets a reference to the MenuItemStyle object that allows you to set the appearance of the menu item selected by the user in a static menu.

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; }
member this.StaticSelectedStyle : System.Web.UI.WebControls.MenuItemStyle
Public ReadOnly Property StaticSelectedStyle As MenuItemStyle

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

Ссылка на объект MenuItemStyle, представляющий стиль выбранного пункта статического меню.A reference to the MenuItemStyle that represents the style of the selected menu item in a static menu.

Атрибуты

Примеры

В следующем примере кода показано, как использовать свойство StaticSelectedStyle, чтобы указать светло-синий цвет фона для выбранного элемента статического меню.The following code example demonstrates how to use the StaticSelectedStyle property to specify a light blue background color for the selected static menu item.


<%@ 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 используется для управления внешним видом пункта меню, выбранного пользователем в статическом меню.Use the StaticSelectedStyle property to control the appearance of the menu item selected by the user in a static menu. Это свойство доступно только для чтения; Однако можно задать свойства возвращаемого объекта MenuItemStyle.This property is read-only; however, you can set the properties of the MenuItemStyle object it returns. Свойства можно задать декларативно в форме Property-Subproperty, где Subproperty является свойством объекта MenuItemStyle (например, StaticSelectedStyle-ForeColor).The properties can be set declaratively in the form Property-Subproperty, where Subproperty is a property of the MenuItemStyle object (for example, StaticSelectedStyle-ForeColor). Свойства также могут быть заданы программно в форме Property.Subproperty (например, StaticSelectedStyle.ForeColor).The properties can also be set programmatically in the form Property.Subproperty (for example, StaticSelectedStyle.ForeColor).

Свойства стиля для элемента статического меню применяются в следующем порядке:Style properties for a static menu item are applied in the following order:

  1. StaticMenuStyle.StaticMenuStyle.

  2. StaticMenuItemStyle.StaticMenuItemStyle. Если определена коллекция LevelMenuItemStyles или коллекция LevelSubMenuStyles, она применяется в этот момент, переопределяя другие свойства стиля элемента меню.If the LevelMenuItemStyles collection or LevelSubMenuStyles collection is defined, it is applied at this time, overriding the other menu item style properties.

  3. StaticSelectedStyle.StaticSelectedStyle. Если коллекция LevelSelectedStyles определена, она применяется в этот момент, переопределяя другие свойства стиля элемента меню.If the LevelSelectedStyles collection is defined, it is applied at this time, overriding the other menu item style properties.

  4. StaticHoverStyle.StaticHoverStyle.

Важно!

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

До .NET Framework 4,0 при определении элемента управления <asp:Menu> в файле. aspx пользователи могут задать свойство StaticSelectedStyle-CssClass, чтобы задать класс CSS для выбранного элемента управления.Before .NET Framework 4.0, when defining an <asp:Menu> control in the .aspx file, users can set the StaticSelectedStyle-CssClass property to set the CSS class of the selected control item. Например, пользователь может иметь элемент управления Menu, как показано ниже:For example, user may have a menu control as below:

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

И элемент управления "меню" отображается следующим образом:And the menu control is rendered as:

<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.However, in .NET Framework 4.0 and later, the selected menu item is set to the selected CSS class always instead of the class specified by StaticSelectedStyle-CssClass. Таким образом, вместо этого выводится приведенный выше код ASP.NET, как показано ниже.Therefore, the above ASP.NET code is rendered instead as:

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

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

Дополнительно