如何获取 asp:UpdatePanel 内的按钮来更新整个页面？

Question

我在更新面板中有一个按钮，我想更新整个页面。 我设置了 ChildrenAsTriggers="false" 和 UpdateMode="Conditional"。

我这里有一些示例代码来演示我的问题。

<asp:UpdatePanel ID="myFirstPanel" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
   <ContentTemplate>
      <asp:Button runat="server" ID="myFirstButton" Text="My First Button" onclick="myFirstButton_Click" />
      <asp:Button runat="server" ID="mySecondButton" Text="My Second Button" onclick="mySecondButton_Click" />
   </ContentTemplate>
</asp:UpdatePanel>

<asp:UpdatePanel ID="mySecondPanel" runat="server">
   <ContentTemplate>
       <asp:Label runat="server" ID="myFirstLabel" Text="My First Label"></asp:Label>
    </ContentTemplate>
    <Triggers>
       <asp:AsyncPostBackTrigger ControlID="myFirstButton" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>
<asp:Label runat="server" ID="mySecondLabel" Text="My Second Label"></asp:Label>

背后的代码：

protected void myFirstButton_Click(object sender, EventArgs e)
{
  myFirstLabel.Text = "Inside Panel " + DateTime.Now.ToString("mm:ss");
}
protected void mySecondButton_Click(object sender, EventArgs e)
{
  mySecondLabel.Text = "Outside Panel " + DateTime.Now.ToString("mm:ss");
}

我想在单击第二个按钮时更新不在更新面板内的标签。 第二个按钮需要位于更新面板中。 我不想将标签放入更新面板中。

Answer 1

尝试将 PostBackTrigger 添加到第一个 UpdatePanel 中，作为第二个按钮。 这将告诉更新面板，该按钮应该进行完整的回发。

Answer 2

ScriptManager.GetCurrent(Page).RegisterPostBackControl(按钮); 会解决你的问题

Answer 3

如果您将 PostBackTrigger 添加到第一个更新面板，如下所示，

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

这将导致单击第二个按钮时发生完整的回发。 这正是我正在寻找的行为。

Answer 4

我有一个类似但稍微复杂的案例，我花了一天多的时间才找到这个答案。 （答案本质上与 @serkan 给出的相同。我只是对其进行扩展。）我们有一个 ASP.NET 用户控件，该控件有一个按钮，单击该按钮时会生成图像并触发图像的下载。 这在普通页面上工作得很好，但当用户控件嵌入到更新面板中时根本不起作用。 我不知道如何告诉更新面板仅针对此按钮进行定期回发，特别是因为该按钮位于用户控件内，无法从使用它的页面明显访问它。

最终起作用的方法非常简单。 无需尝试为面板指定回发触发器。 相反，在用户控件的 Page_Load 中，我添加了以下内容：

    protected void Page_Load(object sender, EventArgs e)
    {
        // If the chart is within an update panel then we need to tell the script manager
        // to not do an asynch postback on chartdownload.  If we don't, the download
        // doesn't work.
        var scriptManager = ScriptManager.GetCurrent(Page);
        if (scriptManager != null)
        {
            scriptManager.RegisterPostBackControl(ChartSaveButton);
        }
        // Rest of Page_Load followed here...

此外，我创建了 ChartSaveButton 属性以轻松访问该按钮的控件：(

    private Control ChartSaveButton
    {
        get { return FindControl("btnDownloadChart"); }
    }

" btnDownloadChart”是按钮的ID。）

这是一条痛苦的道路，但我很高兴这个解决方案如此优雅。 我希望这能帮到您。

Answer 5

对我来说，这个设置没有意义。 请记住，虽然更新面板是一种非常轻松地实现类似 ajax 效果的好方法，但它们并非在所有情况下都是理想的。

如果您的页面架构需要像示例中那样排列元素，那么您最好考虑使用带有 javascript 的页面或服务方法来更新标签。

Answer 6

如果标签不在更新面板中，刷新值的唯一方法是像正常回发一样刷新整个页面。 您必须重定向到同一页面才能刷新它。 即使请求来自更新面板，ajax 框架也知道要处理重定向，因此只需在单击按钮时执行 Response.Redirect(...) 即可。