Menu.StaticSelectedStyle Propriedade
Definição
Importante
Algumas informações se referem a produtos de pré-lançamento que podem ser substancialmente modificados antes do lançamento. A Microsoft não oferece garantias, expressas ou implícitas, das informações aqui fornecidas.
Obtém uma referência ao objeto MenuItemStyle que permite definir a aparência do item de menu selecionado pelo usuário em um 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.MenuItemStylePublic ReadOnly Property StaticSelectedStyle As MenuItemStyleValor da propriedade
Uma referência ao MenuItemStyle que representa o estilo do item de menu selecionado em um menu estático.
- Atributos
Exemplos
O exemplo de código a seguir demonstra como usar a StaticSelectedStyle propriedade para especificar uma cor de plano de fundo azul claro para o item de menu estático selecionado.
<%@ 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>
Comentários
Use a StaticSelectedStyle propriedade para controlar a aparência do item de menu selecionado pelo usuário em um menu estático. Essa propriedade é somente leitura; no entanto, você pode definir as propriedades do MenuItemStyle objeto que ele retorna. As propriedades podem ser definidas declarativamente no formato Property-Subproperty, em que Subproperty é uma propriedade do MenuItemStyle objeto (por exemplo, StaticSelectedStyle-ForeColor). As propriedades também podem ser definidas programaticamente no formulário Property.Subproperty (por exemplo, StaticSelectedStyle.ForeColor).
As propriedades de estilo para um item de menu estático são aplicadas na seguinte ordem:
StaticMenuItemStyle. Se a coleção ou LevelSubMenuStyles coleção LevelMenuItemStyles for definida, ela será aplicada no momento, substituindo as outras propriedades de estilo de item de menu.
StaticSelectedStyle. Se a LevelSelectedStyles coleção for definida, ela será aplicada no momento, substituindo as outras propriedades de estilo de item de menu.
Importante
Alteração interruptiva abaixo.
Antes de .NET Framework 4.0, ao definir um <asp:Menu> controle no arquivo .aspx, os usuários podem definir a StaticSelectedStyle-CssClass propriedade para definir a classe CSS do item de controle selecionado. Por exemplo, o usuário pode ter um controle de menu como abaixo:
<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 controle de menu é renderizado como:
<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>
No entanto, no .NET Framework 4.0 e posterior, o item de menu selecionado é definido como a selected classe CSS sempre em vez da classe especificada por StaticSelectedStyle-CssClass. Portanto, o código ASP.NET acima é renderizado como:
<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>
Aplica-se a
Confira também
Comentários
Em breve: Ao longo de 2024, eliminaremos os problemas do GitHub como o mecanismo de comentários para conteúdo e o substituiremos por um novo sistema de comentários. Para obter mais informações, consulte https://aka.ms/ContentUserFeedback.
Enviar e exibir comentários de