摘要:使用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