使用ASP.net 幫元素加上class

摘要:使用ASP.net 幫元素加上class

在做menu時,要幫該頁面的 li 加上被選擇的class就可以使用這樣的方式。

一、

首先幫masterpage.master頁面的ul 、li 都加上  runat="server" id="自訂"

 

如下:
 
<ul id="menu"  runat="server">
          <!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
          <li runat="server" id="liHome"><asp:HyperLink ID="HomeHyperLink" runat="server">首頁</asp:HyperLink></li>
          <li runat="server" id="liNews"><asp:HyperLink ID="NewsHyperLink" runat="server" >消息及文章</asp:HyperLink></li>
          <li runat="server" id="liPro"><asp:HyperLink ID="ProHyperLink" runat="server" >優惠總攬</asp:HyperLink></li>
          <li runat="server" id="liAlbum"><asp:HyperLink ID="AlbumHyperLink" runat="server" >相簿總攬</asp:HyperLink></li>
          <li runat="server" id="liMenu"><asp:HyperLink ID="MenuHyperLink" runat="server" >商家菜單</asp:HyperLink></li>
          <li runat="server" id="liAbout"><asp:HyperLink ID="AboutHyperLink" runat="server" >關於商家</asp:HyperLink></li>
        </ul>
 
二、
在要加入的子ContentPlaceHolder1內加入以下程式碼
 
例如index.aspx
 
    Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load
 
        Dim li As HtmlGenericControl = Master.FindControl("menu").FindControl("liHome")
           '尋找 masterpage 內的ul (id=menu) 內的 li (id=liHome)
 
        If li IsNot Nothing Then li.Attributes.Add("class", "selected")
          '幫該項目加上class(selected)
    End Sub