asp.net - ボタンによってトリガーされる Gridview の asp.net UpdateProgress

Question

Button がクリックされ、Gridiew がロードされているときに、Page に UpdateProgress を表示したいと考えています。ただし、Gridview の代わりにではなく、ボタンの横に読み込み中の画像を表示したいと考えています。

ボタンをクリックしても、UpdateProgress は表示されません。私のコードには何が欠けていますか?

<asp:ScriptManager ID="ScriptManager1" runat="server" />
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
     <ContentTemplate>
     <asp:Button ID="OKButton" runat="server" Text="OK" Width="48px" onclick="OKButton_Click" />
     </ContentTemplate>
          <Triggers>
               <asp:AsyncPostBackTrigger ControlID="OKButton" EventName="Click" />
          </Triggers>
     </asp:UpdatePanel>
     <asp:UpdateProgress id="UpdateProgress1" runat="server" DisplayAfter="0" AssociatedUpdatePanelID="UpdatePanel">
     <ProgressTemplate><img scr="../images/wait.gif" /></ProgressTemplate>
     </asp:UpdateProgress>
     <asp:UpdatePanel runat="server" id="UpdatePanel2" updatemode="Conditional">
          <Triggers>
               <asp:AsyncPostBackTrigger controlid="OKButton" eventname="Click" />
          </Triggers>
          <ContentTemplate>
               <asp:GridView ID="GridView1" runat="server".....>
               </asp:GridView>
          </ContentTemplate>
     </asp:UpdatePanel>

返信ありがとうございます...画像をアップロードしようとしましたが、できませんでした..アイデアを与えるために:

• 開始日_ .........| グリッドビュー
• 現在まで__ ...................|
• OK ボタンの画像..........|

私はそれが良くないことを知っています。しかし、画面の左側にボタンを配置し、右側に GridView を配置する方法についてのアイデアが得られることを願っています。「画像」は、GridvView がそのコンテンツをロードしている間に、UpdateProgress の画像を配置したい場所を示しています。