(开发篇) 前端开发~ 后台长时间处理弹出等待框

前端添加代码:

    <div id="doing" runat="server" style=" text-align:center;Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute; TOP: 120px; HEIGHT: 100%">
        <table bgcolor="#333" style="FILTER: Alpha(Opacity=75); WIDTH: 189px; HEIGHT: 62px">
            <tr align="center" valign="middle">
                <td width="40%"><img src="../image/clocks.gif" /></td>
                <td width="60%" style="color:White; text-align:left;">请等待...</td>
            </tr>
        </table>
    </div>

后端代码:

    protected void Page_Load(object sender, EventArgs e)
    {
        //批量导入等待框
        this.btnExport.Attributes.Add("onclick", "javascript:document.getElementById('doing').style.visibility='visible';"); 
    }

    //批量导入等待框
    override protected void OnPreRender(EventArgs e)
    {
        doing.Style.Add("visibility", "hidden");
    }

所需图片:

补记：假如在点击按钮的同时，需要先弹出一个对话框让用户先确认是否需要修改,

如果需要修改，则弹出等待框

如果不需要修改，则无任何操作

~~~只需要修改一段后端代码即可~~~

//......
this.btnFileUpload.Attributes.Add("onclick", 
　　"if(window.confirm('请确定是否上传此资源单（上传后将会用资源单内的现货记录覆盖原有的现货记录）?'))
　　　　document.getElementById('ctl00_ContentPlaceHolder1_doing').style.visibility='visible';
　　else 
　　　　return false;"
);
//......

 

 

 

转载于:https://www.cnblogs.com/phoenixfling/archive/2012/08/26/2657572.html