在页面加载时运行gridview和AD查询时显示模态/加载屏幕

时间:2015-04-14 14:10:17

标签: gridview modal-dialog modalpopupextender

我一直在网上看着大量的例子,但它们似乎都与按钮或其他事件联系在一起。我有一个页面(默认),将数据加载到gridview,然后检查每个记录中的用户帐户,看它是否存在于AD中。根据分阶段帐户的数量,这可能需要一分钟。不是我关心,但客户在加载时不想要一个空白的屏幕。我知道这是可能的,但我没有得到我从互联网上使用的正确代码。我知道这可能是多余的,但有人能指出我正确的方向吗?我在VS 2010中使用C#ASP.NET。

由于 EFD

1 个答案:

答案 0 :(得分:0)

您可以使用UpdatePanels:



<asp:UpdatePanel ID="updatepanel" runat="server" updatemode="always">
    <ContentTemplate>
      code here...
    </ContentTemplate>
</asp:UpdatePanel>
&#13;
&#13;
&#13;

添加一个显示图片的div或&#34;请等待&#34;文本和Modal Popupextender显示div:

&#13;
&#13;
<div id="AlertDiv" class="Progress" style="display: none;">
  <img alt="progress" src="images/progress.gif"/ height="40" width="40" />     
</div>
    <asp:Button ID="hidIsNewPageLoad" runat="server" style="display:none; " />
 <asp:ModalPopupExtender
        BackgroundCssClass="modalBackground"
        runat="server"
        PopupControlID="AlertDiv"
        id="modalProgress" 
        TargetControlID = "hidIsNewPageLoad"
         />
&#13;
&#13;
&#13;

最后,添加Javascript以在加载期间显示/隐藏按钮:

&#13;
&#13;
function BeginRequestHandler(sender, args) {
    $find('modalProgress').show();
}
function EndRequestHandler(sender, args) {
    $find('modalProgress').hide();
}
$(document).ready(NewLoad);
function NewLoad()
{ Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
&#13;
&#13;
&#13;