c# - 根据控件的属性查找控件的子元素？

Question

我想为我的网站制作一个导航栏。这只熊将有各种页面链接，用户当前所在页面的链接应该突出显示。

目前我有这样的 html:

<div id="navbar" runat="server">
    <a href="/" runat="server" id="lnkHome">Home</a> |
    <a href="~/info.aspx" runat="server" id="lnkInfo">Info</a> |
    <a href="~/contacts.aspx" runat="server" id="lnkContacts">Contacts</a> |
    <a href="~/settings.aspx" runat="server" id="lnkSettings">Settings</a>
</div>

然后在我的 PageLoad 事件中编写如下代码:

//Show the currently selected page
String filename = System.IO.Path.GetFileNameWithoutExtension(Request.Path).ToLower();
if (filename == "default")
    lnkHome.Attributes.Add("class", "selected");
else if (filename == "info")
    lnkInfo.Attributes.Add("class", "selected");
else if (filename == "contacts")
    lnkContacts.Attributes.Add("class", "selected");
else if (filename == "settings")
    lnkSettings.Attributes.Add("class","selected");

这很难维护。如果我想添加一个链接，我必须给它一个 id，并将它的信息添加到 if 语句中。我想要一个更灵活的系统，我可以在其中动态地向导航栏添加链接，并在用户位于正确的页面时让它们突出显示。

我该怎么做？是否可以根据 href 属性在 navbar 中搜索子元素？如果这些元素不必具有 runat="server" 属性，那将是最好的，这样它们就可以像普通的 HTML 一样被对待。或者我应该考虑其他实现方式吗？

Answer 1

我遇到过很多需要寻找后代或祖先的情况。为此，我编写了一些扩展方法，对我有很大帮助。我建议将它们与以下代码一起使用:

必需的 using 语句:

using System.Collections.Generic;
using System.Web.UI;

扩展方法:

/// <summary>
/// Finds a single, strongly-typed descendant control by its ID.
/// </summary>
/// <typeparam name="T">The type of the descendant control to find.</typeparam>
/// <param name="control">The root control to start the search in.</param>
/// <param name="id">The ID of the control to find.</param>
/// <returns>Returns a control which matches the ID and type passed in.</returns>
public static T FindDescendantById<T>(this Control control, string id) where T : Control
{
    return FindDescendantByIdRecursive<T>(control, id);
}

/// <summary>
/// Recursive helper method which finds a single, strongly-typed descendant control by its ID.
/// </summary>
/// <typeparam name="T">The type of the descendant control to find.</typeparam>
/// <param name="root">The root control to start the search in.</param>
/// <param name="id">The ID of the control to find.</param>
/// <returns>Returns a control which matches the ID and type passed in.</returns>
private static T FindDescendantByIdRecursive<T>(this Control root, string id) where T : Control
{
    if (root is T && root.ID.ToLower() == id.ToLower())
    {
        return (T)root;
    }
    else
    {
        foreach (Control child in root.Controls)
        {
            T target = FindDescendantByIdRecursive<T>(child, id);
            if (target != null)
            {
                return target;
            }
        }

        return null;
    }
}

您的 C# 代码隐藏:

var fileName = Path.GetFileNameWithoutExtension(Request.Path);
var controlId = "lnk" + fileName;
var anchorTag = navbar.FindDescendantById<HtmlAnchor>(controlId);
anchorTag.Attributes.Add("class", "selected");