锁定页面

    UpdateProgress  执行过程中，将页面锁定，防止用户点击其他按钮。从网上找的一个解决方案。

       页面中用到UpdatePanel时，UpdateProgress的作用就不说了。

       一、页面上写上下面的代码：

           

<script language="javascript" type="text/javascript">
    function pageLoad() {
        var manager = Sys.WebForms.PageRequestManager.getInstance();
        manager.add_endRequest(endRequest);
        manager.add_beginRequest(OnBeginRequest);
    }

    function OnBeginRequest(sender, args) {
        document.getElementById('fade').style.display = 'block';
    }

    function endRequest(sender, args) {
        document.getElementById('fade').style.display = 'none';
    }   
</script>

        二、在页面上写一个Div,如：

 <div id="fade" class="black_overlay"></div> 

      css：

.black_overlay{ 
    display: none; 
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color:#FFFFFF;
    z-index:1001; 
    -moz-opacity: 0.8; 
    opacity:.80; 
    filter: alpha(opacity=80); 
} 

OK，这样就好了，不用写后台代码。当你的UpdatePanel更新的时候，你的页面就会被一层白灰色蒙住了，当然你想让你的页面被橙色蒙住也可以的，改一下CSS就可以了。