Menu.StaticSelectedStyle プロパティ
定義
重要
一部の情報は、リリース前に大きく変更される可能性があるプレリリースされた製品に関するものです。 Microsoft は、ここに記載されている情報について、明示または黙示を問わず、一切保証しません。
ユーザーが選択した静的メニューのメニュー項目の外観を設定できる、MenuItemStyle オブジェクトへの参照を取得します。
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
プロパティ値
静的メニューの中の選択されたメニュー項目のスタイルを表す MenuItemStyle への参照。
- 属性
例
次のコード例では、 プロパティを StaticSelectedStyle 使用して、選択した静的メニュー項目の薄い青色の背景色を指定する方法を示します。
<%@ 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>
注釈
静的メニューで StaticSelectedStyle ユーザーが選択したメニュー項目の外観を制御するには、 プロパティを使用します。 このプロパティは読み取り専用です。ただし、返されるオブジェクトのプロパティを MenuItemStyle 設定できます。 プロパティは、 という形式 Property-Subproperty
で宣言的に設定できます。ここで Subproperty
、 は オブジェクトの MenuItemStyle プロパティです (例: StaticSelectedStyle-ForeColor
)。 プロパティは、 形式 Property.Subproperty
でプログラムで設定することもできます (例: StaticSelectedStyle.ForeColor
)。
静的メニュー項目のスタイル プロパティは、次の順序で適用されます。
StaticMenuItemStyle. コレクションまたはLevelSubMenuStylesコレクションがLevelMenuItemStyles定義されている場合は、この時点で適用され、他のメニュー項目スタイルプロパティがオーバーライドされます。
StaticSelectedStyle. コレクションが LevelSelectedStyles 定義されている場合は、この時点で適用され、他のメニュー項目スタイルプロパティがオーバーライドされます。
重要
以下の破壊的変更。
.NET Framework 4.0 より前では、.aspx ファイルでコントロールを<asp:Menu>
定義するときに、 プロパティをStaticSelectedStyle-CssClass
設定して、選択したコントロール項目の CSS クラスを設定できます。 たとえば、ユーザーは次のようなメニュー コントロールを持つことができます。
<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>
メニュー コントロールは次のようにレンダリングされます。
<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>
ただし、.NET Framework 4.0 以降では、選択したメニュー項目は、 でStaticSelectedStyle-CssClass
指定されたクラスではなく、常に CSS クラスに設定selected
されます。 したがって、上記の ASP.NET コードは、代わりに次のようにレンダリングされます。
<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>
適用対象
こちらもご覧ください
.NET