ASP:Panel / UserControl / UpdatePanel 组合出现奇怪的新错误

Question

我将在这里尽可能地进行描述。我们有一些代码曾经可以工作，但现在如果没有更改，就不能工作了。我已经隔离了这个问题，所以情况是这样的：

我们有一个 ASPX 页面，上面有 2 个 asp:Panel 控件（Panel1 和 Panel2）。在每个面板中，都有一个 WebUserControl（Panel1 包含 UserControl1，Panel2 包含 UserControl2）。此页面上有 AJAX 工具包 Scriptmanager，仅此而已。当用户第一次访问页面时，Panel1 显示，Panel2 隐藏。

在 UserControl1 中，有一个 asp:Panel、一个包含 asp:UpdatePanel 的 asp:Label 以及其中一个 asp:Button。在后面的代码中，有一个委托和一个引发它的事件 - 当您单击按钮时，会触发该事件。在包含 UserControl 的 ASPX 页面中有一个针对该事件的处理程序。

在Panel2中有一个asp:UpdatePanel、asp:Panel和asp:Label

所以在ASPX页面中，当你点击UserControl1中的按钮时，事件被处理。然后，该事件处理程序隐藏 Panel1 并显示 Panel2。至少过去是这样，但现在不会发生。

总结一下 - 第一次访问的 ASPX 页面显示 Panel1 和 UserControl1。在 UserControl1 中有一个按钮，用户单击该按钮会在 ASPX 页面中引发事件，这应该隐藏 Panel1 并显示 Panel2。

如果您从 UserControl1 和 UserControl2 中删除 UpdatePanel，则代码可以正常工作。

显然，我们的“现实生活”代码更复杂 - 但这个小例子显示了问题所在。

以下是包含该问题的 zip：http://test.wikisaber.es/testajax.zip

Answer 1

仅更新更新面板的内容。因此，您需要从 panel1 和 panel2 中删除更新面板，然后将 panel1 和 panel2 放置在同一个更新面板中。

编辑：从您的示例中，如果我们扩展default.aspx以包含TestUserControl1，我们会得到类似的结果：

         <asp:Panel ID="panelUC1" runat="server" Visible="false">
            <asp:Panel ID="panelUC1" runat="server">
              <div>
                <asp:Label ID="Label1" runat="server" Text="User Control 1...." />
              </div>
             <asp:UpdatePanel ID="updatePanel" runat="server" UpdateMode="Conditional">
                 <ContentTemplate>
                    <!-- only the content in from here -->
                    <div>
                      <asp:Button ID="buttonNext" runat="server" OnClick="buttonNext_Click" Text="Click" />
                   </div>  
                    <!-- to here will change when you click on buttonNext -->                       
                </ContentTemplate>
             </asp:UpdatePanel>
           </asp:Panel>
        </asp:Panel>

        <asp:Panel ID="panelUC2" runat="server" Visible="false">
            <tuc2:testUserControl2 ID="testUserControl2" runat="server" />
        </asp:Panel>

当您单击buttonNext时，页面将回发并完成完整的asp.net生命周期，但是控制更新面板的javascript将仅适用对更新面板的 contenttemplate 所做的更改，该更改向浏览器中已存在的 dom 发出请求。尝试在单击事件中重置buttonNext 的文本，看看我想说什么。

我找到这篇文章 http://msdn更新面板和用户控件上的 .microsoft.com/en-us/library/Bb398780(en-us,VS.90).aspx。

Answer 2

您的按钮仍然位于更新面板内，并且在 3.5 中，更新面板始终将其内部的事件视为触发器，除非您告诉它不要这样做。这绝对是 3.0 中可用内容的变化，但自 3.5 可用以来它没有改变，至少我不知道。

因此，您的页面所做的就是触发按钮，作为 UpdatePanel 部分呈现的一部分。由于只是部分渲染，所以只更新了UpdatePanel内部的内容，页面逻辑并不在UpdatePanel内部。

要解决此问题，您需要做的就是将此代码添加到 UpdatePanel 中：

<Triggers>
    <asp:PostBackTrigger ControlID="buttonNext" />
</Triggers>

这将强制它进行回发，并使您的第二个面板显示。