搜索 “等待中···” 的实现

    在当前页面点击搜索按纽后，当前页的button onclick事件会生成一个sql语句，然后转到查询结果页面，由于查询可能

 

很费时间，客户要求在这两个页面中加入一个提示用户正在查询，请等待的页，具体的查询是在查询结果页面的

 

Page_Load进行的。

　　现在的问题是这个中间页面怎么自动转向查询结果页面，如果在Page_Load里写，这个中间页就显示不出来有两种比

 

较中肯的解决方法：

　　1。可以做个公用的用户控件，copy如下代码，样式自己定义

<div id='doing' style='z-index: 12000; left: 0px; width: 100%; cursor: wait; position: absolute;
    top: 0px; height: 100%'>
    <table width='100%' height='100%' id="Table1">
        <tr align='center' valign='middle'>
            <td>
                <table id="Table2" class="loading">
                    <tr align='center' valign='middle'>
                        <td>
                            Loading...
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
<script language="javascript">
    function ShowWaiting() {
        document.getElementById('doing').style.visibility = 'visible';
    }
    function CloseWaiting() {
        document.getElementById('doing').style.visibility = 'hidden';
    }
    function MyOnload() {
        document.getElementById('doing').style.visibility = 'hidden';
    }
    if (window.onload == null) {
        window.onload = MyOnload;
    }
</script>

 

　　2。在页面中拖入用户控件

　　3。在页面中给button加客户端click方法，如下

protected void Page_Load(object sender, EventArgs e)
{
        this.Button1.Attributes.Add("onclick", "ShowWaiting();");      
}