c# - 在 asp.net 3.5 母版页中突出显示当前页面

Question

在我的项目中，母版页包含一个转发器，用作菜单，Xml 文件作为转发器的数据源。

<asp:Repeater ID="Admin_menus" runat="server">
    <HeaderTemplate><div id="navmenu"><ul></HeaderTemplate>
    <FooterTemplate>|</ul></div></FooterTemplate>
    <ItemTemplate>
        |<li>
        <a href="<%# DataBinder.Eval(Container.DataItem, "url")%>" 
           class="link6" id="<%# DataBinder.Eval(Container.DataItem, "id")%>">
               <strong>
                   <%# DataBinder.Eval(Container.DataItem, "title")%>
               </strong> 
        </a>
        </li>
    </ItemTemplate>
</asp:Repeater>

xml文件中的url为

<menuitems>
    <item id="1" url="Employee.aspx" title="Employee" description="Employee" />
    <item id="2" url="Location.aspx" title="Location"  description="Location" />
</menuitems>

这里我想在菜单中更改当前页面的CSS样式。

Answer 1

您可以选择的一种解决方案是处理 ItemCreated <asp:Repeater> 事件控制。为此，您需要添加一个事件处理程序:

在 .master 标记中:

    <asp:Repeater ID="Admin_menus" runat="server" OnItemCreated="Admin_menus_ItemCreated">
        <HeaderTemplate>
            <div id="navmenu">
                <ul>
        </HeaderTemplate>
        <FooterTemplate>
            |</ul></div></FooterTemplate>
        <ItemTemplate>
            |<li runat="server" id="hyperlink"><a href="<%# DataBinder.Eval(Container.DataItem, "url")%>" class="link6" id="<%# DataBinder.Eval(Container.DataItem, "id")%>">
                <strong>
                    <%# DataBinder.Eval(Container.DataItem, "title")%></strong> </a></li>
        </ItemTemplate>
    </asp:Repeater>

在 .master.cs 代码隐藏中:

protected void Admin_menus_ItemCreated(object sender, RepeaterItemEventArgs e)
{
    // Ensure that the ItemCreated is not null, the first one (header?) gets 
    // returned null
    if (e.Item.DataItem != null)
    {
        // Extract the "url" attribute from the Xml that's being used for 
        // databinding for this particular row, via casting it down to 
        // IXPathNavigable as the concrete type of e.Item.DataItem isn't available
        // to us.
        var currentUrl = ((IXPathNavigable)e.Item.DataItem).CreateNavigator().GetAttribute("url", "");

        if (Request.Url.PathAndQuery.Contains(currentUrl))
        {
            // This just adds a background color of "red" to the selected 
            // menu item. What you actually do is entirely up to you                
            var hyperlink = (HtmlGenericControl) e.Item.FindControl("hyperlink");
            hyperlink.Style.Add(HtmlTextWriterStyle.BackgroundColor, "red");
        }
    }
}

请注意，我添加了一个 runat="server"以及 id="hyperlink"到 <li> ItemTemplate 中的标记，以便 ItemCreated 处理程序中的代码可以轻松找到它并为其设置样式。