TabContainer 中的多个 UpdateProgress 控件，链接到单个 UpdatePanel答案

【问题标题】：Multiple UpdateProgress Controls In TabContainer, Linked To Single UpdatePanelTabContainer 中的多个 UpdateProgress 控件，链接到单个 UpdatePanel
【发布时间】：2012-06-21 14:57:58
【问题描述】：

我有一个带有 TabContainer 的 UpdatePanel。每个 TabPanel 中都有一个 Gridview（不包括代码，因为它不重要），我希望每个 TabPanel 中都有不同的 UpdateProgress 控件。请参阅下面的代码，了解我正在尝试做的示例。

我知道标准方法是将 UpdateProgress 控件定位在 UpdatePanel 之外，但我希望它/它们位于 UpdatePanel 和 TabContainer 内，因为我希望“正在加载...”消息出现在顶部我的每个 GridViews。目前，UpdateProgress 控件适用于第一个 TabPanel（如下面我的代码所示），但不适用于第二个或任何后续 TabPanel。

<asp:UpdatePanel ID="updTest" runat="server">
<ContentTemplate>
    <ajax:TabContainer ID="conTest" runat="server">
        <ajax:TabPanel ID="pnlTest1" runat="server">
            <!--This UpdateProgress Control Does work-->
            <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="updTest">
                <ProgressTemplate>
                    Loading, please wait....
                </ProgressTemplate>
            </asp:UpdateProgress>
        </ajax:TabPanel>
        <ajax:TabPanel  ID="pnlTest1" runat="server">
            <!--This UpdateProgress Control Doesn't work. How can I fix it?-->
            <asp:UpdateProgress ID="UpdateProgress2" runat="server" AssociatedUpdatePanelID="updTest">
                <ProgressTemplate>
                    Loading, please wait....
                </ProgressTemplate>
            </asp:UpdateProgress>
        </ajax:TabPanel>
    </ajax:TabContainer>
</ContentTemplate>

如果我试图实现的方法不是最好的方法，我愿意接受另一种方法。感谢您的任何想法。

【问题讨论】：

标签： javascript asp.net .net ajax

【解决方案1】：

您可以做的仍然是只有一个 updateprogress，但在您的内部放置一个更新面板来更改您的 updateProgress 显示的内容。

类似的东西

<asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="true">
<ProgressTemplate>
    <asp:UpdatePanel ID="up1" runat="server" >
        <ContentTemplate>
        <!-- put a label of something in here -->

        </ContentTemplate>
    </asp:UpdatePanel>
</ProgressTemplate>
</asp:UpdateProgress>

希望这是有道理的，我有时并不擅长解释。

【讨论】：