ASP.NET+C#动态创建表格单元格复选框显示异常求助

你遇到的核心问题是：直接把CheckBox服务器控件对象拼接到字符串中时，C#会自动调用控件的ToString()方法，而这个方法默认返回的是控件的类型名称System.Web.UI.WebControls.CheckBox，而非控件渲染后的HTML代码。下面给你两种针对性的解决方案，根据你的需求选择即可：

方案1：直接生成HTML复选框（适合无需服务器端事件的场景） #

如果只是需要显示复选框，不需要在后台处理选中状态的回发事件，直接拼接原生HTML的复选框是最简单的方式：

public string getSubjects() 
{ 
    SqlConnection conn = new DB_Connection().getConnection(); 
    SqlCommand cmd = new SqlCommand("select * from subjects", conn); 
    conn.Open(); 
    SqlDataReader reader = cmd.ExecuteReader(); 
    string data = ""; 
    while (reader.Read()) 
    { 
        int subjectId = reader.GetInt32(0);
        string subjectName = reader.GetString(1);
        // 直接拼接HTML复选框，自定义ID和值
        data += $"<tr><td><input type='checkbox' id='chk_{subjectId}' name='subjects' value='{subjectId}' /></td><td>{subjectName}</td></tr>"; 
    } 
    conn.Close(); 
    return data; 
}

你的ASPX页面代码可以保持不变，这样运行后就能正常显示复选框了。

方案2：使用服务器控件添加到控件树（适合需要服务器端交互的场景） #

如果需要在后台处理复选框的选中事件、回发后保留状态，就得把动态创建的CheckBox添加到页面的控件树中，而不是拼接字符串：

第一步：修改ASPX页面，添加容器控件 #

把原来的<%=getSubjects()%>替换成一个PlaceHolder控件，作为动态内容的容器：

<table class="table table-responsive table-bordered table-striped">
    <tr>
        <td>check</td>
        <td>subject name</td>
    </tr>
    <asp:PlaceHolder ID="phSubjects" runat="server"></asp:PlaceHolder>
</table>

第二步：修改后台代码，动态构建控件 #

在页面的Page_Load事件中，把表格行和复选框添加到PlaceHolder里：

protected void Page_Load(object sender, EventArgs e)
{
    // 如果需要回发后保留控件状态，去掉!IsPostBack判断
    if (!IsPostBack)
    {
        BindSubjects();
    }
}

private void BindSubjects()
{
    // 使用using自动释放数据库资源，避免泄漏
    using (SqlConnection conn = new DB_Connection().getConnection())
    {
        SqlCommand cmd = new SqlCommand("select * from subjects", conn);
        conn.Open();
        using (SqlDataReader reader = cmd.ExecuteReader())
        {
            while (reader.Read())
            {
                int subjectId = reader.GetInt32(0);
                string subjectName = reader.GetString(1);
                
                // 创建表格行
                TableRow row = new TableRow();
                
                // 创建第一列，添加CheckBox控件
                TableCell chkCell = new TableCell();
                CheckBox checkbox = new CheckBox();
                checkbox.ID = $"chk_{subjectId}"; // 给ID加前缀，避免数字开头的不规范ID
                chkCell.Controls.Add(checkbox);
                row.Cells.Add(chkCell);
                
                // 创建第二列，添加科目名称
                TableCell nameCell = new TableCell();
                nameCell.Text = subjectName;
                row.Cells.Add(nameCell);
                
                // 将行添加到PlaceHolder容器
                phSubjects.Controls.Add(row);
            }
        }
    }
}

关键说明： #

• 服务器控件必须被添加到页面的控件树中，ASP.NET才会在渲染阶段生成对应的HTML代码；
• 如果需要回发后保留控件状态，要在每次页面加载（包括回发）时重新创建这些动态控件，所以可以去掉!IsPostBack的判断；
• 使用using语句自动释放数据库连接和DataReader，避免资源泄漏。

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