Menu.StaticSelectedStyle Propiedad

Definición

Obtiene una referencia al objeto MenuItemStyle que permite establecer el aspecto del elemento de menú seleccionado por el usuario en un menú estático.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

Valor de propiedad

Referencia a MenuItemStyle que representa el estilo del elemento de menú seleccionado en un menú estático.A reference to the MenuItemStyle that represents the style of the selected menu item in a static menu.

Atributos

Ejemplos

En el ejemplo de código siguiente se muestra cómo utilizar la propiedad StaticSelectedStyle para especificar un color de fondo azul claro para el elemento de menú estático seleccionado.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>

Comentarios

Use la propiedad StaticSelectedStyle para controlar la apariencia del elemento de menú seleccionado por el usuario en un menú estático.Use the StaticSelectedStyle property to control the appearance of the menu item selected by the user in a static menu. Esta propiedad es de solo lectura; sin embargo, puede establecer las propiedades del objeto MenuItemStyle que devuelve.This property is read-only; however, you can set the properties of the MenuItemStyle object it returns. Las propiedades se pueden establecer mediante declaración con el formato Property-Subproperty, donde Subproperty es una propiedad del objeto MenuItemStyle (por ejemplo, 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). Las propiedades también se pueden establecer mediante programación en el formulario Property.Subproperty (por ejemplo, StaticSelectedStyle.ForeColor).The properties can also be set programmatically in the form Property.Subproperty (for example, StaticSelectedStyle.ForeColor).

Las propiedades de estilo de un elemento de menú estático se aplican en el orden siguiente:Style properties for a static menu item are applied in the following order:

  1. StaticMenuStyle.StaticMenuStyle.

  2. StaticMenuItemStyle.StaticMenuItemStyle. Si se define la colección de LevelMenuItemStyles o la colección de LevelSubMenuStyles, se aplica en este momento, invalidando las demás propiedades de estilo del elemento de menú.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. Si se define la colección de LevelSelectedStyles, se aplica en este momento, invalidando las demás propiedades de estilo del elemento de menú.If the LevelSelectedStyles collection is defined, it is applied at this time, overriding the other menu item style properties.

  4. StaticHoverStyle.StaticHoverStyle.

Importante

Cambio importante a continuación.Breaking change below.

Antes de .NET Framework 4,0, al definir un control de <asp:Menu> en el archivo. aspx, los usuarios pueden establecer la propiedad StaticSelectedStyle-CssClass para establecer la clase CSS del elemento de control seleccionado.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. Por ejemplo, el usuario puede tener un control de menú como el siguiente: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>  

Y el control de menú se representa como: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>  

Sin embargo, en .NET Framework 4,0 y versiones posteriores, el elemento de menú seleccionado se establece en la clase selected CSS siempre en lugar de la clase especificada por 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. Por lo tanto, el código ASP.NET anterior se representa en lugar de: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>  
  

Se aplica a

Consulte también: