Menu.StaticSelectedStyle Propriedade

Definição

Recebe uma referência ao MenuItemStyle objeto que permite definir a aparência do item do menu selecionado pelo utilizador num menu estático.

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

Valor de Propriedade

Uma referência a que MenuItemStyle representa o estilo do item selecionado num menu estático.

Atributos

Exemplos

O exemplo de código seguinte demonstra como usar a StaticSelectedStyle propriedade para especificar uma cor de fundo azul-clara para o elemento estático selecionado do menu.


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

Observações

Use a StaticSelectedStyle propriedade para controlar a aparência do item do menu selecionado pelo utilizador num menu estático. Esta propriedade é apenas de leitura; no entanto, podes definir as propriedades do MenuItemStyle objeto que ele devolve. As propriedades podem ser definidas declarativamente na forma Property-Subproperty, onde Subproperty é uma propriedade do MenuItemStyle objeto (por exemplo, StaticSelectedStyle-ForeColor). As propriedades também podem ser definidas programaticamente na forma Property.Subproperty (por exemplo, StaticSelectedStyle.ForeColor).

As propriedades de estilo para um item estático do menu são aplicadas pela seguinte ordem:

  1. StaticMenuStyle.

  2. StaticMenuItemStyle. Se a LevelMenuItemStyles coleção ou LevelSubMenuStyles coleção estiver definida, é aplicada neste momento, sobrescrevendo as outras propriedades do estilo dos itens do menu.

  3. StaticSelectedStyle. Se a LevelSelectedStyles coleção estiver definida, é aplicada neste momento, sobrepondo-se às propriedades do estilo dos outros itens do menu.

  4. StaticHoverStyle.

Importante

Mudança de última hora abaixo.

Antes .NET Framework 4.0, ao definir um controlo <asp:Menu> no ficheiro .aspx, os utilizadores podiam definir a propriedade StaticSelectedStyle-CssClass para definir a classe CSS do item de controlo selecionado. Por exemplo, o utilizador pode ter um controlo de menu como segue:

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

E o controlo do menu é apresentado como:

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

No entanto, no .NET Framework 4.0 e posteriores, o elemento selecionado do menu é sempre definido para a classe CSS selected em vez da classe especificada por StaticSelectedStyle-CssClass. Portanto, o código ASP.NET acima é apresentado como:

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

Aplica-se a

Ver também