需要有关 updatePanel 的帮助

Question

我的内容页面

  <asp:updatePanel id="Panel1" runat="server" Visible="true">
         <ContentTemplate>
                <div>
                    blah blah
                </div>
          </ContentTemplate>
    </asp:updatePanel>

    <asp:updatePanel id="Panel2" runat="server" Visible="false">
         <ContentTemplate>
                <div>
                    yada yada
                </div>
          </ContentTemplate>
    </asp:updatePanel>     

代码文件 ..以下代码在提交按钮点击事件的末尾：-

            Panel1.Visible = false;
            Panel2.Visible = true;

现在我早些时候使用 asp:Panel..然后它工作正常..就像面板 1 会隐藏而面板 2 会显示出来..在我将 asp:Panel 更改为 asp:updatePanel 之后事情搞砸了up...现在提交按钮不起作用！

突然出了什么问题？？我将其更改为 updatePanel，因此页面不会刷新..这不是我们实现这个东西的方式吗？？？

       <asp:updatePanel id="Panel1" runat="server">
          <ContentTemplate>
          <div>
     <p>
        Type ur name

                <asp:TextBox ID="name" runat="server">
                </asp:TextBox>
       </p>


        <asp:Button ID="btn" OnClick="btn_Click" runat="server" 
        Text="Submit" />
     </div>

    </ContentTemplate>
            </asp:updatePanel>


   <asp:updatePanel id="Panel2" runat="server" Visible="false">
    <ContentTemplate>
    <div>
       Thank You!

    </div>
    </ContentTemplate>
    </asp:updatePanel>

Answer 1

http://msdn.microsoft.com/en-us/magazine/cc163413.aspx#S3，您可以阅读

多个更新面板

一个页面可以托管多个 UpdatePanel。默认情况下，当页面上的一个 UpdatePanel 更新时，页面上的其他 UpdatePanel 也会更新。有时这就是您想要的，但通常情况下，您不需要更新每个 UpdatePanel 以响应其他 UpdatePanel。 通过将页面上每个 UpdatePanel 控件的 UpdateMode 属性设置为“有条件的”，您可以选择更新哪些 UpdatePanel 实例（以及何时更新）。然后，当一个 UpdatePanel 更新并调用服务器端事件处理程序时，请在要更新的其他面板上调用 UpdatePanel.Update。这通过减少呈现的控件数量来减少服务器上的负载，并减少响应中的数据量，因为不更新的 UpdatePanel 不会向响应中添加任何内容。

Answer 2

如果您在UpdatePanel 上设置Visible="false"，则它根本不会呈现给客户端。因此，如果您正在执行 Ajax 回发，客户端将无法使不可见的 UpdatePanel 可见，因为它根本不存在。

将 UpdatePanel 视为标记，显示您希望在 Ajax 回发时更新页面的哪些位。对于您的情况，我认为最简单的解决方案是使用 both UpdatePanels 和 Panels。此外，由于您要更新的两个东西（两个面板）彼此相邻，因此不需要两个单独的 UpdatePanel：

<asp:updatePanel id="UpdatePanel1" runat="server">
  <ContentTemplate>
    <asp:Panel id="Panel1" Visible="true" runat="server">
      blah blah
    </asp:Panel>
    <asp:Panel id="Panel2" Visible="false" runat="server">
      yada yada
    </asp:Panel>
  </ContentTemplate>
</asp:updatePanel>

然后在代码隐藏中，更改 Panel 控件上的 Visible 属性。

Answer 3

我不知道您的提交按钮在哪里，但可以尝试使用以下命令更新这些面板：

Panel1.Update();
Panel2.Update();