Question

我在页面中有许多UpdatePanel的Ajax UpdateProgress。其中一个updatepanel有一个带有下载按钮的gridview。用户点击按钮后，“等待”图像会显示，但即使在下载完成后仍会显示。

下载完成后，我应该如何隐藏它。

ASPX：

<asp:UpdateProgress Id="UpdateProgress1"  runat="server" DisplayAter="1">
    <ProgressTemplate>
        <asp:Image id="imgWait" runat="server" ImageUrl="~/Images/wait.gif"/>
    </ProgressTemplate>  
</asp:UpdateProgress>

JS：

function HideImage()
{
    $(#imgWait).hide();
}
//Also tried
//Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

//function EndRequestHandler(sender, args)
//{
//   document.getElementById('<%=imgWait.ClientID%>').className = 'hidden';
//}

代码背后：

protected void Download(object sender, CommandEventArgs e)
{
    string sFile = e.CommandArgument.ToString();
    Response.Redirect("Download.Aspx?file="+sFile,false);
    ScriptManager.RegisterStartupScript(this.Page,this.GetType(),
                                    "script","HideImage();",true);
}

Download.Aspx

page_load()
{
    if(!string.IsNullOrEmpty(Request.QueryString["file"]))
    {
        string path = Server.MapPath(Request.QueryString["file"]);
        System.IO.FileInfo file = new System.IO.FileInfo(path);
        if ( file.Exists )   
        {
            Response.Clear();
            Response.AddHeader("Content-Disposition", "attachment; filename=" +  
                              file.Name);
            Response.AddHeader("Content-Length", file.Length.ToString());
            Response.ContentType = "application/octet-stream";
            Response.WriteFile(file.FullName);
            Response.Flush();
            Response.End();
        }
    }
}

Answer 1

您正在重定向到下载文件的页面，我认为在这种情况下屏幕并不真正更新，因此图像会保留。

您可以在同一页面上下载文件，也可以在回发后通过脚本进行重定向：

protected void Download(object sender, CommandEventArgs e)
{
    string sFile = e.CommandArgument.ToString();
    string script = "location.href='Download.Aspx?file=" + sFile + "';";
    ScriptManager.RegisterStartupScript(this.Page,this.GetType(),
                                    "script",script,true);
}

在这种情况下，不需要“HideImage（）”脚本，因为回发可能会成功完成。

如何隐藏UpdateProgress图像

1 个答案: