Question

我有一个带有表的Web表单，其中一行包含动态添加文件上载控件的面板

代码如下

      <tr> 
     <td  style="width:70%;display:block; overflow:visible;" >
        <asp:Panel ID="ImagePanel" runat="server">
        <uc1:AddNewImage runat="server" id="AddNewImage" /></asp:Panel>
        <asp:Button ID="AddImage"  OnClick="Unnamed_Click" Text="Add New Image" runat="server" CausesValidation="False" />
        <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="Please Enter Model Items" ForeColor="Red" ControlToValidate="TxtItems"></asp:RequiredFieldValidator>
    </td>
    </tr>

在按钮单击事件中，我使用以下代码将新的usercontrol添加到ImagePanel

        Controls.AddNewImage Obj = (Controls.AddNewImage)LoadControl(@"~/Controls/AddNewImage.ascx");
        this.ImagePanel.Controls.Add(Obj);

问题是面板内只显示两个控件，我需要允许最多五个控件，但这些控件不会显示在面板内。我应该怎么做才能在面板中显示这些控件。我需要为Panel设置任何CSS。面板位于标签内。

Answer 1

这是因为页面PostBack时会清除动态添加的控件。简单的解决方案是添加<asp:HiddenField id="hidCount" runat="server" value="1"/>并更新您的点击事件，如下所示：

int count = int.Parse(hidCount.Value)++;
hidCount.Value = count.ToString();
for(i=0;i< count;i++) {
        Controls.AddNewImage Obj = (Controls.AddNewImage)LoadControl(@"~/Controls/AddNewImage.ascx");
        this.ImagePanel.Controls.Add(Obj);
}

这将完美无缺。

动态添加控件不会在asp.net web表单中显示在面板内

1 个答案: