Menu.StaticSelectedStyle Propriété
Définition
Important
Certaines informations portent sur la préversion du produit qui est susceptible d’être en grande partie modifiée avant sa publication. Microsoft exclut toute garantie, expresse ou implicite, concernant les informations fournies ici.
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.MenuItemStylePublic ReadOnly Property StaticSelectedStyle As MenuItemStyleValeur 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 :
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.
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.
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('Menu1','0')">item_0</a></li>
<li><a class="level1 MenuItem" href="#" onclick="__doPostBack('Menu1','1')">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('Menu1','0')">item_0</a></li>
<li><a class="level1 MenuItem" href="#" onclick="__doPostBack('Menu1','1')">itme_1</a></li>
</ul>
</div>
