1

ページのさまざまな場所で複数の更新の進行状況がありますが、更新パネルを1つしか使用していないため、すべて1つの更新パネルのIDがあります。私の質問は、更新が完了したときに1つの更新の進行状況を表示してコンテンツを表示する方法です。

これが私のコードのサンプルです：

 <asp:UpdatePanel ID="UpdatePanel2" runat="server">
      <ContentTemplate>
               <asp:Label ID="platformLabel" runat="server" 
                          Text=" <%$Resources:Resource,SelectPlatform  %>">
               </asp:Label>
               <asp:LinkButton ID="platformHyperLink" runat="server"
                               CssClass="platformElementHL"  
                               CommandArgument='<%# Eval("PLATFORM_ID")%>'
                               OnClick="platformHyperLink_Click" 
                               OnClientClick="ShowSearchButton();" />
               <asp:Label ID="PlatformNameLabel" runat="server" 
                          Text='<%# Eval("PLATFORM_NAME")%>' >
               </asp:Label>
               <telerik:RadButton ID="findDevice" runat="server"   
                                  Text="<%$Resources:Resource,Search  %>" 
                                   OnClientClicked="HideTootltip" 
                                   OnClick="findDevice_Click" 
                                   style="display:none">
                </telerik:RadButton>
         <asp:UpdateProgress ID="updProgress1" 
                       AssociatedUpdatePanelID="UpdatePanel" runat="server">
              <ProgressTemplate>           
                 <img src="App_Themes/WebPortalTheme/images/HomePage/icon-loading-
                           animated.gif" width="20" height="20" alt="Progress" />           
               </ProgressTemplate>
         </asp:UpdateProgress>
         <asp:UpdateProgress ID="updProgress2" 
                       AssociatedUpdatePanelID="UpdatePanel" runat="server">
              <ProgressTemplate>           
                 <img src="App_Themes/WebPortalTheme/images/HomePage/icon-loading-
                           animated.gif" width="20" height="20" alt="Progress" />           
              </ProgressTemplate>
        </asp:UpdateProgress>
     </ContentTemplate>
 </asp:UpdatePanel>

リンクボタンをクリックするとupdateProgress1が表示され、radButtonをクリックするとupdateProgress2が表示されます。

4

1 に答える 1

2

2つの更新パネル（1つはリンクボタン用、もう1つはラジオボタン用）を使用し、各更新進行状況を対応する更新進行状況に関連付ける必要があります。ページ全体を更新する必要がある場合は、childastriggerオプションを適切に設定して、1つのグローバル更新パネルを使用します。

    <asp:UpdatePanel ID="UpdtGlobal" runat="server" ChildrenAsTriggers="true">
        <ContentTemplate>
            <asp:Label ID="Label1" runat="server" Text=" <%$Resources:Resource,SelectPlatform  %>" />
            <asp:UpdatePanel ID="UpdtLinkButton" runat="server" ChildrenAsTriggers="true">
                <ContentTemplate>
                    <asp:LinkButton ID="LinkButton1" runat="server" CssClass="platformElementHL" CommandArgument='<%# Eval("PLATFORM_ID")%>'
                        OnClick="platformHyperLink_Click" OnClientClick="ShowSearchButton();" />
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:Label ID="Label2" runat="server" Text='<%# Eval("PLATFORM_NAME")%>' />
            <asp:UpdatePanel ID="UpdtRadButton" runat="server" ChildrenAsTriggers="true">
                <ContentTemplate>
                    <telerik:radbutton id="findDevice" runat="server" text="<%$Resources:Resource,Search  %>"
                        onclientclicked="HideTootltip" onclick="findDevice_Click" style="display: none" />
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdtLinkButton"
                runat="server">
                <ProgressTemplate>
                    <img src="App_Themes/WebPortalTheme/images/HomePage/icon-loading-animated.gif" width="20"
                        height="20" alt="Progress" />
                </ProgressTemplate>
            </asp:UpdateProgress>
            <asp:UpdateProgress ID="UpdateProgress2" AssociatedUpdatePanelID="UpdtRadButton"
                runat="server">
                <ProgressTemplate>
                    <img src="App_Themes/WebPortalTheme/images/HomePage/icon-loading-animated.gif" width="20"
                        height="20" alt="Progress" />
                </ProgressTemplate>
            </asp:UpdateProgress>
        </ContentTemplate>
    </asp:UpdatePanel>
于 2012-08-22T07:40:49.580 に答える