Question

我有一个带有母版页的asp.net页面。当我更新内容页面整个母版页刷新时，我使用ajax脚本管理器来仅更新内容页面。现在我想使用加载器作为母版页和内容页面。但是我的加载器不能正常工作。当我更新内容页面加载器不起作用。我是我的内容页面代码

 <asp:ScriptManager ID="ScriptManager1" runat="server"/> 
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>

                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </ContentTemplate>
            </asp:UpdatePanel>

我的加载程序代码在下面我在我的内容页面中使用

 <script type="text/javascript">
     $(window).load(function () {

         $("form1").li(500);
     });
</script>

刷新整页加载器工作但内容页面加载器不起作用。

Answer 1

Page = Sys.WebForms.PageRequestManager.getInstance();
Page.add_beginRequest(OnBeginRequest);
Page.add_endRequest(endRequest);


function OnBeginRequest(sender, args) {
    blockUI();
}
function endRequest(sender, args) {
    unblockUI();
}

嘿，你需要在每一页上使用这种方法。

Answer 2

为此，您需要在母版页中添加加载程序和脚本。

首先使用一些js popup属性添加图像

<div id="statusPopup" style="display: none; z-index: 1000; left: 49%; top: 49%;">
        <div>              
            <img src="../Images/sprites.gif" alt="Loading......" />
        </div>
    </div>

并在母版页中添加下面给出的脚本

<!-- Note : Always keep this script at the bottom of page | To show loading / processing logo -->

   <script type="text/javascript">
       if (Sys != null) {
           Sys.Application.add_load(AppLoad);
       }

       function AppLoad() {
           Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);
           Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);

           function beginRequest(sender, args) {
               // show the popup


               document.getElementById("statusPopup").style.position = "fixed";
               document.getElementById("statusPopup").style.display = "";

           }

           function endRequest(sender, args) {
               document.getElementById("statusPopup").style.display = "none";
               seconds = 60 * 18;
           }
       }

</script>

如何在asp.net中使用带有母版页和内容页面的加载器？

2 个答案: