TableCell 中的按钮单击永远不会触发并且表格消失

Question

我的 ASP.NET Webforms 应用程序，我有一个 table，我在其中动态添加所有数据。一行在每个单元格中包含Buttons。我希望按钮在用户单击它时触发 onclick 事件。但是，使用下面的代码，事件永远不会触发并且表格消失。这是代码：

    <asp:Table ID="floorTable" runat="server"  Width="100%" GridLines="Both">
    </asp:Table>

在代码后面

   // This method is called on a DropDownList SelectedItemChanged Event - so
   // the buttons cannot be created in Page_Load or so. Have to create 
   // totally based on the DropDown selected item.
    private void PopulateFloorRow(int floorNo, FloorPattern fp)
    {
        int cols = fp.UnitPattern.Count;

        // HEADER ROW
        TableRow thead = new TableRow(); 
        thead.Width = Unit.Percentage(100);
        thead.TableSection = TableRowSection.TableHeader;
        TableCell theadCell = new TableCell();
        theadCell.ColumnSpan = cols;
        Label title = new Label();
        title.Text = "Floor # " + floorNo;
        theadCell.Controls.Add(title);
        thead.Controls.Add(theadCell);

        TableRow planRow = GetFloorPlan(floorNo, fp);

        TableRow tr = new TableRow();
        TableCell tc = null;
        int tcWidPerc = (int)fp.UnitPattern.Count / 100;

        foreach (UnitPattern up in fp.UnitPattern)
        {                
            tc = new TableCell();

            Button imgBtn = new Button();

            // On Adding BELOW Line - ERROR - 0x800a1391 - JavaScript runtime error: 'UnitLinkClicked' is undefined
            //imgBtn.Attributes.Add("onClick", "UnitLinkClicked(this)");

            imgBtn.CommandArgument = up.UnitPatternId.ToString(); // I want to know which button is pressed. So, sort of Tag
            imgBtn.Click += new EventHandler(UnitLinkClicked);
            imgBtn.BorderWidth = Unit.Pixel(10);
            imgBtn.BorderColor = Color.Transparent;
            imgBtn.Width = Unit.Percentage(100);
            if (up.UnitNo != null)
            {
                imgBtn.Text = up.UnitNo;
            }

            tc.Controls.Add(imgBtn);

            tr.Controls.Add(tc);
        }

        floorTable.Rows.Add(thead);
        floorTable.Rows.Add(planRow);
        floorTable.Rows.Add(tr);

        // Create Footer
        PopulateTableFooter(cols);

    }

    protected void UnitLinkClicked(object sender, EventArgs e)
    {
        Button btn = (Button)(sender);
        string upId = btn.CommandArgument;

        System.Diagnostics.Debug.WriteLine("LINK Button clicked Of UP ID :" + upId);
    }

编辑：添加了 SELECTEDiINDEXCHANGED 的代码

我的 DropDown_SelectedIndexChanged 代码：

    protected void floorDropDownList_SelectedIndexChanged(object sender, EventArgs e)
    {
        if (selectedProject == null)
            selectedProject = _db.Projects.Find(projectsList.SelectedValue);

        System.Diagnostics.Debug.WriteLine("SELCTED Project = " + selectedProject.ProjectId);

        // "Select Floor" is selected, so Hide floor Table
        if (floorDropDownList.SelectedValue == "-1")
        {
            floorTable.Visible = false;
        }
        else
        {
            int floorNo = int.Parse(floorDropDownList.SelectedValue);
            if (floorNo > 0)
            {
                PopulateFloorRow(floorNo, (FloorPattern)selectedProject.FloorPattern.ElementAt(floorNo - 1));
            }
        }
    }

如果我在下拉列表中选择了“3”，表格将按预期显示。我点击一个按钮，表格消失了，但下拉列表中的值仍然只有“3”。

编辑部分

使用上面的代码，当我点击一个按钮时，UnitLinkClicked 事件永远不会被触发（我添加了断点）并且整个表格消失了。

你能说这会是什么问题吗？默认情况下，按钮是 AutoPostBack 并且它也没有该属性。我在这里缺少什么以及如何解决这个问题。几天以来我一直坚持这一点并试图弄清楚。

非常感谢任何帮助。 谢谢

Answer 1

您需要为按钮设置一个 ID。如果没有 ID，则不会触发事件。

Button imgBtn = new Button();
imgBtn.ID = "imgBtn";

还要确保您添加的每个按钮都有一个唯一的 ID。您可能可以连接楼层编号。或任何其他字段来获得唯一的名称。

此外，除非您在 Page_Load 中对其进行管理，否则该表格将消失。如果 DropDown 具有选定的索引，则需要重新加载表格。

编辑：代码示例

.cs代码

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

protected void cmb_SelectedIndexChanged(object sender, EventArgs e)
{
    PopulateFloorRow();
}

private void PopulateFloorRow()
{
    floorTable.Rows.Clear();

    for (int i = 0; i < 2; i++)
    {
        TableRow tableRow = new TableRow();
        tableRow.Cells.Add(new TableCell());
        tableRow.Cells.Add(new TableCell());

        tableRow.Cells[0].Controls.Add(new Label() { Text = cmb.SelectedItem.Text });
        Button button = new Button();
        button.ID = "btn" + i.ToString();
        button.Text = "Click";
        button.Click += button_Click;
        tableRow.Cells[1].Controls.Add(button);
        floorTable.Rows.Add(tableRow);
    }

}

void button_Click(object sender, EventArgs e)
{
    throw new NotImplementedException();
}

.aspx 代码

<asp:DropDownList id="cmb" runat="server" OnSelectedIndexChanged="cmb_SelectedIndexChanged" AutoPostBack="true"><asp:ListItem>One</asp:ListItem><asp:ListItem>Two</asp:ListItem></asp:DropDownList>
<asp:Table ID="floorTable" runat="server"  Width="100%" GridLines="Both">
</asp:Table>