ASP.NET母版页动态<li>无法被FindControl获取的问题求助

你遇到的核心问题是：通过InnerHtml添加的<li runat='server'>并不会被ASP.NET解析为服务器端控件实例。

当你使用ulMenu.InnerHtml = strInnerHTML时，ASP.NET只是把这段HTML字符串直接输出到客户端，不会处理其中的runat="server"属性——这些<li>元素在服务器端的控件树里根本不存在，所以FindControl()自然找不到对应的控件，返回null。

方案1：直接创建服务器端控件添加（推荐） #

放弃InnerHtml，改用HtmlGenericControl手动创建<li>并添加到<ul>的控件集合中，这样ASP.NET会将这些<li>纳入服务器控件树，就能正常用FindControl()定位了：

// 清空原有控件（可选，根据需求）
ulMenu.Controls.Clear();

for (int i = 0; i < 5; i++)
{
    // 创建<li>服务器控件
    HtmlGenericControl li = new HtmlGenericControl("li");
    li.ID = "menu" + (i + 1).ToString();
    li.Attributes["class"] = "hover";
    // 可以添加菜单文本或链接，例如：
    // li.InnerHtml = $"<a href='page{(i+1)}.aspx'>菜单{i+1}</a>";
    
    // 将<li>添加到<ul>的控件集合中
    ulMenu.Controls.Add(li);
}

之后修改选中状态时，记得从<ul>容器中查找控件（层级更准确）：

// 从ulMenu容器内查找目标控件，而不是直接用this.FindControl
HtmlGenericControl CurrMenu = (HtmlGenericControl)ulMenu.FindControl(ControlId);
if (CurrMenu != null)
{
    // 替换class为"hover active"
    CurrMenu.Attributes["class"] = "hover active";
}

方案2：客户端脚本修改（适合无需服务器端逻辑场景） #

如果坚持用InnerHtml生成菜单，可以通过JavaScript在客户端完成选中状态的设置，完全绕开服务器端控件查找的问题：

window.addEventListener('load', function() {
    const currentUrl = window.location.href;
    const menuItems = document.querySelectorAll('#ulMenu li');
    
    menuItems.forEach(item => {
        // 根据菜单ID和当前URL的对应关系判断，示例逻辑可根据实际需求修改
        if (currentUrl.includes(`page${item.id.replace('menu', '')}.aspx`)) {
            item.className = 'hover active';
        }
    });
});

方案3：使用Repeater控件绑定菜单（更易维护） #

如果菜单数据来自数据源（比如数据库、配置文件），用Repeater控件生成菜单会更规范，绑定阶段就能直接设置选中状态：

1. 母版页中添加Repeater：

<asp:Repeater ID="rptMenu" runat="server">
    <HeaderTemplate>
        <ul class="nav nav-list" id="ulMenu">
    </HeaderTemplate>
    <ItemTemplate>
        <li runat="server" class='<%# Eval("CssClass") %>'>
            <a href='<%# Eval("Url") %>'><%# Eval("Text") %></a>
        </li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
</asp:Repeater>

2. 后台绑定数据并设置选中状态：

// 模拟菜单数据（实际可从数据库/配置读取）
var menuData = new List<dynamic>();
for (int i = 0; i < 5; i++)
{
    string menuUrl = $"page{(i+1)}.aspx";
    string cssClass = "hover";
    
    // 判断当前URL是否匹配，设置选中样式
    if (Request.Url.AbsolutePath.EndsWith(menuUrl, StringComparison.OrdinalIgnoreCase))
    {
        cssClass = "hover active";
    }
    
    menuData.Add(new {
        Text = $"菜单{i+1}",
        Url = menuUrl,
        CssClass = cssClass
    });
}

rptMenu.DataSource = menuData;
rptMenu.DataBind();

内容的提问来源于stack exchange，提问作者DeepakVerma