Bagikan melalui


Menu.StaticSelectedStyle Properti

Definisi

Mendapatkan referensi ke MenuItemStyle objek yang memungkinkan Anda mengatur tampilan item menu yang dipilih oleh pengguna di menu statis.

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

Nilai Properti

Referensi ke MenuItemStyle yang mewakili gaya item menu yang dipilih di menu statis.

Atribut

Contoh

Contoh kode berikut menunjukkan cara menggunakan StaticSelectedStyle properti untuk menentukan warna latar belakang biru muda untuk item menu statis yang dipilih.


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

Keterangan

StaticSelectedStyle Gunakan properti untuk mengontrol tampilan item menu yang dipilih oleh pengguna di menu statis. Properti ini bersifat baca-saja; namun, Anda dapat mengatur properti objek yang MenuItemStyle dikembalikannya. Properti dapat diatur secara deklaratif dalam formulir Property-Subproperty, di mana Subproperty adalah properti MenuItemStyle objek (misalnya, StaticSelectedStyle-ForeColor). Properti juga dapat diatur secara terprogram dalam formulir Property.Subproperty (misalnya, StaticSelectedStyle.ForeColor).

Properti gaya untuk item menu statis diterapkan dalam urutan berikut:

  1. StaticMenuStyle.

  2. StaticMenuItemStyle. LevelMenuItemStyles Jika koleksi atau LevelSubMenuStyles koleksi didefinisikan, koleksi diterapkan saat ini, menimpa properti gaya item menu lainnya.

  3. StaticSelectedStyle. LevelSelectedStyles Jika koleksi didefinisikan, koleksi diterapkan saat ini, menimpa properti gaya item menu lainnya.

  4. StaticHoverStyle.

Penting

Melanggar perubahan di bawah ini.

Sebelum .NET Framework 4.0, saat menentukan <asp:Menu> kontrol dalam file .aspx, pengguna dapat mengatur StaticSelectedStyle-CssClass properti untuk mengatur kelas CSS dari item kontrol yang dipilih. Misalnya, pengguna mungkin memiliki kontrol menu seperti di bawah ini:

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

Dan kontrol menu dirender sebagai:

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

Namun, di .NET Framework 4.0 dan yang lebih baru, item menu yang dipilih diatur ke selected kelas CSS selalu alih-alih kelas yang ditentukan oleh StaticSelectedStyle-CssClass. Oleh karena itu, kode ASP.NET di atas dirender sebagai berikut:

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

Berlaku untuk

Lihat juga