带有UpdatePanel回发的ajax"加载"图标

Question

带有UpdatePanel回发的ajax"加载"图标

Kyl*_*yle 14 c# asp.net ajax postback updatepanel

我有一个动态构建的表单,具体取决于使用Ajax的用户选择(内置于带有UpdatePanel的.NET Ajax).

如何在回发发生时插入"标准"ajax加载图标(可能将其附加到鼠标指针),然后在回发完成后将其删除？

如果有帮助,我确实安装了AjaxToolKit.

Answer 1

Pra*_*ana 41

使用工具包的updateprogress:希望这会对你有所帮助

<asp:updatepanel id="ResultsUpdatePanel" runat="server">    
<contenttemplate>

<div style="text-align:center;">
    <asp:updateprogress id="UpdateProgress1" runat="server" associatedupdatepanelid="ResultsUpdatePanel" dynamiclayout="true">
                        <progresstemplate>

                           <img src="support/images/loading.gif">

                        </progresstemplate>
                    </asp:updateprogress>

                    </div>

 //your control code
</contenttemplate>
</asp:updatepanel>

Run Code Online (Sandbox Code Playgroud)

Answer 2

ank*_*put 10

使用以下代码......

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
     <title></title>
 </head>
 <body>
    <form id="form1" runat="server">
     <div>
         <asp:ScriptManager ID="ScriptManager1" runat="server">
          </asp:ScriptManager>
    <asp:UpdateProgress ID="updProgress"
    AssociatedUpdatePanelID="UpdatePanel1"
    runat="server">
        <ProgressTemplate>            
        <img alt="progress" src="images/progress.gif"/>
           Processing...            
        </ProgressTemplate>
    </asp:UpdateProgress>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Label ID="lblText" runat="server" Text=""></asp:Label>
            <br />
            <asp:Button ID="btnInvoke" runat="server" Text="Click" 
                onclick="btnInvoke_Click" />
        </ContentTemplate>
    </asp:UpdatePanel>         
      </div>
   </form>
  </body>
</html>


protected void btnInvoke_Click(object sender, EventArgs e)
{
    System.Threading.Thread.Sleep(3000);
    lblText.Text = "Processing completed";
}

Run Code Online (Sandbox Code Playgroud)

归档时间：	15 年，7 月前
查看次数：	63276 次
最近记录：	10 年，2 月前