ASP.NET 디스플레이 "로드 중...". 업데이트 패널 업데이트 중 메시지

ASP.NET 디스플레이 "로드 중...". 업데이트 패널 업데이트 중 메시지

안녕하세요 저는 ASP를 만들고 있습니다.NET/C# 어플리케이션 업데이트에 시간이 걸리는 업데이트 패널이 있습니다."Loading..."을 표시하는 방법이 있습니까?잠시 기다려 주세요」라고 하는 메세지는, 계산중에 표시됩니다.

현재 AJAX 패널 애니메이션 페이드인/페이드아웃을 사용하여 계산 중에 패널이 사라지고 완료되면 다시 나타납니다.하지만 그것은 매우 실용적이지 않다.

가능하면 메시지를 표시해야 합니다.

도와주셔서 감사합니다.

패널 코드는 다음과 같습니다.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click"/>
    </Triggers>
    <ContentTemplate>
        //Contents goes here
    </ContentTemplate>
</asp:UpdatePanel>

그리고 Ajax Panel 애니메이션 익스텐더는

<ajaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1" runat="server" TargetControlID="UpdatePanel1">
    <Animations>
        <OnUpdating>
            <FadeOut Duration="1" Fps="20" />
        </OnUpdating>
        <OnUpdated>
            <FadeIn Duration="2" Fps="20" />
        </OnUpdated>
    </Animations>
</ajaxToolkit:UpdatePanelAnimationExtender>

다음과 같이 코드를 사용할 수 있습니다.

이미지를 로딩으로 사용

<asp:UpdateProgress id="updateProgress" runat="server">
    <ProgressTemplate>
        <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
            <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/images/ajax-loader.gif" AlternateText="Loading ..." ToolTip="Loading ..." style="padding: 10px;position:fixed;top:45%;left:50%;" />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

텍스트를 로딩으로 사용

<asp:UpdateProgress id="updateProgress" runat="server">
    <ProgressTemplate>
        <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
            <span style="border-width: 0px; position: fixed; padding: 50px; background-color: #FFFFFF; font-size: 36px; left: 40%; top: 40%;">Loading ...</span>
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

훌륭한 튜토리얼: ASP의 진척 상황을 표시하는 3가지 방법.NET AJAX 응용 프로그램

Update Progress 컨트롤을 사용할 수 있습니다.

참고 항목: UpdatePanel 포스트백이 포함된 에이잭스 "로드" 아이콘

언급URL : https://stackoverflow.com/questions/7704171/asp-net-display-loading-message-while-update-panel-is-updating