动态表格内嵌动态按钮异常：仅显示TableCell字符串而非按钮

你遇到的问题很典型——你混淆了DataTable（数据存储容器）和Web Forms的Table UI控件。原来的代码里，你把TableCell对象直接塞进了DataTable的行中，但DataTable的列是string类型，它会自动调用TableCell的ToString()方法，所以单元格里显示的是类型名称System.Web.UI.WebControls.TableCell，而不是实际的按钮。

正确的解决方案：直接生成Web Forms Table控件 #

我们需要放弃用DataTable来构建UI，转而直接创建System.Web.UI.WebControls.Table、TableRow和TableCell这些UI控件，把按钮添加到单元格中，再组装成完整的表格，最后把表格加到页面的容器里。

修改后的代码如下：

public void DynamicDataTable() 
{ 
    string CurrentGame = (string)Session["theItemIdSessions"]; 
    XmlDocument myDoc = new XmlDocument(); 
    myDoc.Load(MapPath("XMLFile.xml")); 
    XmlNodeList TheGame = myDoc.SelectNodes("games/game[@id='" + CurrentGame + "']/question"); 
    
    // 创建Web Forms的Table控件（用于UI展示）
    System.Web.UI.WebControls.Table gameTable = new System.Web.UI.WebControls.Table();
    
    // 构建表头行
    TableHeaderRow headerRow = new TableHeaderRow();
    headerRow.Cells.Add(new TableHeaderCell { Text = "פריט השוואה 1" });
    headerRow.Cells.Add(new TableHeaderCell { Text = "סימן היחס" });
    headerRow.Cells.Add(new TableHeaderCell { Text = "פריט השוואה 2" });
    headerRow.Cells.Add(new TableHeaderCell { Text = "עריכה" });
    headerRow.Cells.Add(new TableHeaderCell { Text = "מחיקה" });
    gameTable.Rows.Add(headerRow);
    
    XmlNodeList items = myDoc.SelectNodes("games/game[@id='" + CurrentGame + "']/question/item"); 
    int firstItem = 0; 
    int secondItem = 1; 
    
    for (int i = 0; i < TheGame.Count; i++) 
    { 
        // 创建数据行
        TableRow row = new TableRow();
        
        // 添加普通文本单元格
        row.Cells.Add(new TableCell { Text = items.Item(firstItem).InnerXml });
        row.Cells.Add(new TableCell { Text = "a" });
        row.Cells.Add(new TableCell { Text = items.Item(secondItem).InnerXml });
        
        // 创建带编辑按钮的单元格
        Button editButton = new Button(); 
        editButton.Text = "עריכה"; 
        editButton.Width = 80; 
        editButton.Height = 10; 
        editButton.Click += bt_Click; // 绑定点击事件
        TableCell editCell = new TableCell(); 
        editCell.Controls.Add(editButton);
        row.Cells.Add(editCell);
        
        // 创建带删除按钮的单元格（如果需要按钮的话）
        Button deleteButton = new Button();
        deleteButton.Text = "מחיקה";
        deleteButton.Width = 80;
        deleteButton.Height = 10;
        deleteButton.Click += bt_DeleteClick; // 假设你有对应的删除事件
        TableCell deleteCell = new TableCell();
        deleteCell.Controls.Add(deleteButton);
        row.Cells.Add(deleteCell);
        
        // 将行添加到表格
        gameTable.Rows.Add(row);
        
        firstItem += 2; 
        secondItem += 2; 
    }
    
    // 把表格添加到页面的容器控件中（比如Panel）
    // 记得在.aspx页面添加<asp:Panel ID="TableContainer" runat="server"></asp:Panel>
    TableContainer.Controls.Add(gameTable);
}

关键说明 #

1. 区分数据容器和UI控件：DataTable是用来存储和处理数据的，不能直接承载UI控件；而System.Web.UI.WebControls.Table是专门用于页面展示的UI控件，可以嵌套按钮、文本等元素。
2. 必须添加到页面容器：动态生成的UI控件最终需要添加到页面上的服务器控件容器（比如Panel、Placeholder）中，才能在页面上显示出来。
3. 事件绑定：按钮的点击事件要确保是已经定义好的方法（比如bt_Click、bt_DeleteClick），否则会报错。

额外优化建议 #

• 避免直接拼接XML查询字符串，建议使用XPath的参数化查询，防止XML注入风险。
• 可以给动态生成的控件设置唯一的ID，方便后续在事件中识别操作的是哪一行。

内容的提问来源于stack exchange，提问作者תומר גרינברג