Menu.StaticSelectedStyle プロパティ

定義

ユーザーが選択した静的メニューのメニュー項目の外観を設定できる、MenuItemStyle オブジェクトへの参照を取得します。Gets a reference to the MenuItemStyle object that allows you to set the appearance of the menu item selected by the user in a static 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; }
member this.StaticSelectedStyle : System.Web.UI.WebControls.MenuItemStyle
Public ReadOnly Property StaticSelectedStyle As MenuItemStyle

プロパティ値

静的メニューの中の選択されたメニュー項目のスタイルを表す MenuItemStyle への参照。A reference to the MenuItemStyle that represents the style of the selected menu item in a static menu.

属性

次のコード例では、 StaticSelectedStyleプロパティを使用して、選択した静的メニュー項目に薄い青の背景色を指定する方法を示します。The following code example demonstrates how to use the StaticSelectedStyle property to specify a light blue background color for the selected static 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>

注釈

静的メニュー StaticSelectedStyleでユーザーが選択したメニュー項目の外観を制御するには、プロパティを使用します。Use the StaticSelectedStyle property to control the appearance of the menu item selected by the user in a static menu. このプロパティは読み取り専用です。ただし、返されるMenuItemStyleオブジェクトのプロパティを設定することはできます。This property is read-only; however, you can set the properties of the MenuItemStyle object it returns. プロパティは、 Property-Subpropertyフォームで宣言によって設定できます。ここSubpropertyで、 MenuItemStyleはオブジェクトのプロパティ ( StaticSelectedStyle-ForeColorなど) です。The properties can be set declaratively in the form Property-Subproperty, where Subproperty is a property of the MenuItemStyle object (for example, StaticSelectedStyle-ForeColor). プロパティは、フォームProperty.Subpropertyでプログラムを使用して設定することもできます (たとえば、 StaticSelectedStyle.ForeColor)。The properties can also be set programmatically in the form Property.Subproperty (for example, StaticSelectedStyle.ForeColor).

静的メニュー項目のスタイルプロパティは、次の順序で適用されます。Style properties for a static menu item are applied in the following order:

  1. StaticMenuStyleStaticMenuStyle.

  2. StaticMenuItemStyleStaticMenuItemStyle. コレクションまたはLevelSubMenuStylesコレクションが定義されている場合は、この時点で適用され、その他のメニュー項目スタイルプロパティはオーバーライドされます。 LevelMenuItemStylesIf the LevelMenuItemStyles collection or LevelSubMenuStyles collection is defined, it is applied at this time, overriding the other menu item style properties.

  3. StaticSelectedStyleStaticSelectedStyle. LevelSelectedStylesコレクションが定義されている場合は、この時点で適用され、その他のメニュー項目スタイルプロパティはオーバーライドされます。If the LevelSelectedStyles collection is defined, it is applied at this time, overriding the other menu item style properties.

  4. StaticHoverStyleStaticHoverStyle.

重要

次のような重大な変更。Breaking change below.

4.0 .NET Framework する前に、.aspx <asp:Menu>ファイルでコントロールを定義するときに、ユーザーはStaticSelectedStyle-CssClassプロパティを設定して、選択したコントロール項目の CSS クラスを設定できます。Before .NET Framework 4.0, when defining an <asp:Menu> control in the .aspx file, users can set the StaticSelectedStyle-CssClass property to set the CSS class of the selected control item. たとえば、ユーザーは次のようにメニューコントロールを持つことができます。For example, user may have a menu control as below:

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

メニューコントロールは次のようにレンダリングされます。And the menu control is rendered as:

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

ただし、.NET Framework 4.0 以降では、選択したメニュー項目が、でselected StaticSelectedStyle-CssClass指定されたクラスではなく、常に CSS クラスに設定されます。However, in .NET Framework 4.0 and later, the selected menu item is set to the selected CSS class always instead of the class specified by StaticSelectedStyle-CssClass. したがって、上記の ASP.NET コードは次のようにレンダリングされます。Therefore, the above ASP.NET code is rendered instead as:

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

適用対象

こちらもご覧ください