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

前端添加代码:

    <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;"
);

//......