动态生成ASP Button触发Uncaught ReferenceError的技术求助

方法1：改用服务器端控件动态生成表格（推荐） #

放弃用StringBuilder拼接HTML字符串，直接使用ASP.NET原生的Table、TableRow、TableCell控件动态构建表格，让框架自动处理按钮的事件绑定逻辑：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        GenerateUserTable();
    }
}

private void GenerateUserTable()
{
    // 假设userList是你的用户数据集合
    foreach (var user in userList)
    {
        TableRow row = new TableRow();
        
        // 添加用户名称单元格
        TableCell nameCell = new TableCell();
        nameCell.Text = user.Name;
        row.Cells.Add(nameCell);
        
        // 添加用户状态单元格
        TableCell statusCell = new TableCell();
        statusCell.Text = user.IsEnabled ? "已启用" : "已禁用";
        row.Cells.Add(statusCell);
        
        // 添加操作按钮单元格
        TableCell actionCell = new TableCell();
        
        Button toggleBtn = new Button();
        toggleBtn.ID = $"btnToggle_{user.UserId}";
        toggleBtn.Text = user.IsEnabled ? "禁用" : "启用";
        toggleBtn.CssClass = "btn btn-sm";
        // 绑定后台点击事件
        toggleBtn.Click += ToggleUserStatus_Click;
        // 存储用户ID，方便后台获取操作对象
        toggleBtn.CommandArgument = user.UserId.ToString();
        
        actionCell.Controls.Add(toggleBtn);
        row.Cells.Add(actionCell);
        
        // 将行添加到页面上的服务器Table控件（需先在aspx页面声明<asp:Table ID="tblUsers" runat="server"></asp:Table>）
        tblUsers.Rows.Add(row);
    }
}

// 后台事件处理方法
protected void ToggleUserStatus_Click(object sender, EventArgs e)
{
    Button btn = (Button)sender;
    int userId = int.Parse(btn.CommandArgument);
    // 执行启用/禁用用户的业务逻辑
    var targetUser = userList.First(u => u.UserId == userId);
    targetUser.IsEnabled = !targetUser.IsEnabled;
    // 重新生成表格刷新状态
    GenerateUserTable();
}

这种方式完全依托ASP.NET的控件生命周期管理，不会出现前端事件未定义的问题，是最稳定的实现方案。

方法2：手动生成带回发逻辑的HTML按钮（适合必须用StringBuilder的场景） #

如果必须通过StringBuilder拼接HTML，需要模拟ASP.NET按钮的回发机制，手动调用框架内置的__doPostBack函数来触发后台事件：

private string GenerateUserTableHtml()
{
    StringBuilder sb = new StringBuilder();
    sb.Append("<table class='table'>");
    sb.Append("<tr><th>用户名</th><th>状态</th><th>操作</th></tr>");
    
    foreach (var user in userList)
    {
        sb.Append("<tr>");
        sb.Append($"<td>{user.Name}</td>");
        sb.Append($"<td>{(user.IsEnabled ? "已启用" : "已禁用")}</td>");
        
        string btnText = user.IsEnabled ? "禁用" : "启用";
        // 获取框架生成的回发脚本，指定事件标识和用户ID参数
        string postBackScript = Page.ClientScript.GetPostBackEventReference(this, $"ToggleUser_{user.UserId}");
        
        sb.Append($"<td><button type='button' onclick='{postBackScript}' class='btn btn-sm'>{btnText}</button></td>");
        sb.Append("</tr>");
    }
    sb.Append("</table>");
    return sb.ToString();
}

// 重写回发事件处理方法，解析参数并执行逻辑
public override void RaisePostBackEvent(string eventArgument)
{
    base.RaisePostBackEvent(eventArgument);
    
    if (eventArgument.StartsWith("ToggleUser_"))
    {
        int userId = int.Parse(eventArgument.Split('_')[1]);
        // 执行启用/禁用用户的业务逻辑
        var targetUser = userList.First(u => u.UserId == userId);
        targetUser.IsEnabled = !targetUser.IsEnabled;
        // 重新生成表格HTML并刷新
        litUserTable.Text = GenerateUserTableHtml();
    }
}

页面上需要用Literal控件输出拼接的HTML：

<asp:Literal ID="litUserTable" runat="server"></asp:Literal>

错误根源说明 #

你遇到的Uncaught ReferenceError: EnableUser is not defined问题，是因为手动拼接的HTML按钮直接写了onclick="EnableUser()"，但ASP.NET不会为这种纯HTML元素自动映射后台事件——静态按钮是服务器控件，框架会自动生成对应的回发脚本，而手动拼接的HTML元素没有这个机制，所以必须通过上述两种方法来关联后台事件。

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