Menu.StaticSelectedStyle Propriété

Définition

Obtient une référence à l'objet MenuItemStyle vous permettant de définir l'apparence de l'élément de menu sélectionné par l'utilisateur dans un menu statique.

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

Valeur de propriété

Référence au MenuItemStyle qui représente le style de l'élément de menu sélectionné d'un menu statique.

Attributs

Exemples

L’exemple de code suivant montre comment utiliser la StaticSelectedStyle propriété pour spécifier une couleur d’arrière-plan bleu clair pour l’élément de menu statique sélectionné.


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

Remarques

Utilisez la StaticSelectedStyle propriété pour contrôler l’apparence de l’élément de menu sélectionné par l’utilisateur dans un menu statique. Cette propriété est en lecture seule ; Toutefois, vous pouvez définir les propriétés de l’objet qu’il MenuItemStyle retourne. Les propriétés peuvent être définies de manière déclarative sous la forme Property-Subproperty, où Subproperty est une propriété de l’objet MenuItemStyle (par exemple, StaticSelectedStyle-ForeColor). Les propriétés peuvent également être définies par programmation dans la forme Property.Subproperty (par exemple, StaticSelectedStyle.ForeColor).

Les propriétés de style d’un élément de menu statique sont appliquées dans l’ordre suivant :

  1. StaticMenuStyle.

  2. StaticMenuItemStyle. Si la collection ou LevelSubMenuStyles la LevelMenuItemStyles collection est définie, elle est appliquée à ce stade, en remplaçant les autres propriétés de style d’élément de menu.

  3. StaticSelectedStyle. Si la LevelSelectedStyles collection est définie, elle est appliquée à ce stade, en remplaçant les autres propriétés de style d’élément de menu.

  4. StaticHoverStyle.

Important

Changement cassant ci-dessous.

Avant .NET Framework 4.0, lors de la définition d’un <asp:Menu> contrôle dans le fichier .aspx, les utilisateurs peuvent définir la StaticSelectedStyle-CssClass propriété pour définir la classe CSS de l’élément de contrôle sélectionné. Par exemple, l’utilisateur peut avoir un contrôle de menu comme ci-dessous :

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

Et le contrôle de menu est rendu comme suit :

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

Toutefois, dans .NET Framework 4.0 et versions ultérieures, l’élément de menu sélectionné est toujours défini sur la selected classe CSS au lieu de la classe spécifiée par StaticSelectedStyle-CssClass. Par conséquent, le code ASP.NET ci-dessus est rendu en tant que :

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

S’applique à

Voir aussi