Asp.Net Ajax GridView 로딩 컨트롤 삽입하기.

아래 소스는 Button1을 클릭했을때 GridView 에 데이터를 바인딩 시켜주는

소스중에서 GridView 만 제거 했습니다.

간단한 방법으로  asp:UpdateProgress 컨트롤 을 사용하는 방법입니다.

ProgressTemplate 테그안에 글을 써넣으셔도 되고

아래 소스는 로딩 이미지(gif)를 넣었습니다.
 

<asp:ScriptManager ID="ScriptManager1" runat="server">

            </asp:ScriptManager>

            <asp:UpdatePanel ID="UpdatePanel1" runat="server">

                <ContentTemplate>

                    <asp: Button ID="Button1" runat="server"

                       OnClick=" Button1_Click"/>

                </ContentTemplate>

            </asp:UpdatePanel>

            <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="100">

                <ProgressTemplate>

                    <div id="loadingcontrol" style=" position:absolute;top:200px;left:500px;">

                        <img alt="" src="Images/loading45.gif" /> // 로딩 이미지

                    </div>

                </ProgressTemplate>

            </asp:UpdateProgress>