如何编写代码以便加载...请稍候'在asp.net中

时间:2014-06-11 11:18:11

标签: asp.net c#-4.0

我正在开发一个与数据库相关的项目。点击按钮后,数据提取代码将被执行。我希望显示“正在加载...请等待”。直到应用程序不在网页上显示输出...那么,如何在asp.net中进行操作?

4 个答案:

答案 0 :(得分:2)

请不要仅使用updatepanel /包含其他库来执行此简单任务:

您可以使用ajax。 (js / jq)

当你提交(当然不是回发......)时,你会显示一个有gif或者其他内容的div。请等待加载...."

当ajax响应的回调回来时:你只需隐藏这个div

全部。

简洁明了。

答案 1 :(得分:1)

你可以使用asp.net ajax来解决这个问题,使用updatepanel和updateprogress,参考这篇文章了解更多细节: http://msdn.microsoft.com/en-us/library/vstudio/bb386421(v=vs.100).aspx

答案 2 :(得分:1)

您可以使用RadAjaxLoadingPanel。

<telerik:RadAjaxLoadingPanel MinDisplayTime="1000" ID="RadAjaxLoadingPanel1" runat="server" Style="position: absolute; top: 200px; left: 600px;"
            IsSticky="True">
            <div class="overlay" id="divProgress" style="position: absolute; visibility: visible; vertical-align: middle; border-style: inset; border-color: black; background-color: White; width: 200px; height: 100px; font-size: medium;">
                <center>
                <div style="margin-top: 30px;">
                    <asp:Image GenerateEmptyAlternateText="true" ID="imgLoader" runat="server" ImageUrl="~/images/ajax_loading.gif"
                        Style="margin-top: 7px;" />  
                    <asp:Label ID="lblWait" runat="server" Text="Please wait..."></asp:Label>
                </div>
            </center>
            </div>
        </telerik:RadAjaxLoadingPanel>

答案 3 :(得分:0)

您可以在Telerik中使用AjaxLoadingPanel 通过此,您可以获得非常丰富的用户界面

<强>被修改

去Jquery加载

简单代码转到w3schools LINK