Menu.StaticSelectedStyle Eigenschap
Definitie
Belangrijk
Bepaalde informatie heeft betrekking op een voorlopige productversie die aanzienlijk kan worden gewijzigd voordat deze wordt uitgebracht. Microsoft biedt geen enkele expliciete of impliciete garanties met betrekking tot de informatie die hier wordt verstrekt.
Hiermee haalt u een verwijzing op naar het MenuItemStyle object waarmee u het uiterlijk van het menu-item kunt instellen dat door de gebruiker is geselecteerd in een statisch 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; }[<System.Web.UI.PersistenceMode(System.Web.UI.PersistenceMode.InnerProperty)>]
member this.StaticSelectedStyle : System.Web.UI.WebControls.MenuItemStylePublic ReadOnly Property StaticSelectedStyle As MenuItemStyleWaarde van eigenschap
Een verwijzing naar de MenuItemStyle stijl van de geselecteerde menuopdracht in een statisch menu.
- Kenmerken
Voorbeelden
In het volgende codevoorbeeld ziet u hoe u de StaticSelectedStyle eigenschap gebruikt om een lichtblauwe achtergrondkleur op te geven voor het geselecteerde statische 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>
Opmerkingen
Gebruik de StaticSelectedStyle eigenschap om het uiterlijk van het menu-item te bepalen dat door de gebruiker is geselecteerd in een statisch menu. Deze eigenschap heeft het kenmerk Alleen-lezen; U kunt echter de eigenschappen instellen van het MenuItemStyle object dat wordt geretourneerd. De eigenschappen kunnen declaratief worden ingesteld in het formulier Property-Subproperty, waar Subproperty is een eigenschap van het MenuItemStyle object (bijvoorbeeld StaticSelectedStyle-ForeColor). De eigenschappen kunnen ook programmatisch worden ingesteld in het formulier Property.Subproperty (bijvoorbeeld StaticSelectedStyle.ForeColor).
Stijleigenschappen voor een statisch menu-item worden in de volgende volgorde toegepast:
StaticMenuItemStyle. Als de LevelMenuItemStyles verzameling of LevelSubMenuStyles verzameling is gedefinieerd, wordt deze op dit moment toegepast en worden de andere eigenschappen van de menu-itemstijl overschreven.
StaticSelectedStyle. Als de LevelSelectedStyles verzameling is gedefinieerd, wordt deze op dit moment toegepast, waarbij de andere eigenschappen van de menuopdrachtstijl worden overschreven.
Important
Belangrijke wijziging hieronder.
Voordat .NET Framework 4.0, bij het definiëren van een besturingselement <asp:Menu> in het .aspx-bestand, kunnen gebruikers de eigenschap StaticSelectedStyle-CssClass instellen om de CSS-klasse van het geselecteerde besturingselementitem in te stellen. De gebruiker kan bijvoorbeeld een menu-besturingselement hebben zoals hieronder:
<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>
En het menu-besturingselement wordt weergegeven als:
<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>
In .NET Framework 4.0 en hoger is het geselecteerde menu-item echter altijd ingesteld op de selected CSS-klasse in plaats van de klasse die is opgegeven door StaticSelectedStyle-CssClass. Daarom wordt de bovenstaande ASP.NET code weergegeven als:
<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>
