关于使用AjaxControlToolKit进度条的一些问题和思考

项目使用ajaxcontroltoolkit方便开发。

里边的进度条用起来还不错，开始使用的时候是一个长条gif滚动，但是并不屏蔽用户操作

看到其它网站上有屏蔽操作的滚动条，于是想到了popupExtender，结合使用？没那么简单，发现此路不通。（也许有朋友成功，可以分享之）

于是该用alwaysvisible控件，问题貌似解决了，但是出现了div遮盖页面中间的部分，下边的输入框无法输入。

于是想，可否控制当进度条出现的时候，去屏幕中央，背景屏蔽操作，进度条结束，屏幕还原呢。

于是在页面加入了如下代码：

Code  // 添加ajax的load事件处理函数 

        Sys.Application.add_load(addEvent);
  2     function  addEvent(sender)
  3    {
  4        var  upDiv = $get( " ctl00_UpdateProgress1 " );
  5        if (window.attachEvent == undefined)
  6      {
  7         upDiv.addEventListener( ' onpropertychange ' ,onProperChange, false );
  8       }
  9        else  
10       {
11         upDiv.attachEvent( ' onpropertychange ' ,onProperChange);
12       }
13    }
          // 进度条的原理就是等待响应的时候更改属性显示，那么我们就在属性更改的时候控制大小。
14     function  onProperChange()
15    {
16          if (event.propertyName == " style.display " )
        {
                  // 这个函数就是控制进度条内部元素大小位置的。

                        maxdiv();

            }

      }

 

这样解决了问题，但是有个问题又出现了，就是用z-index控制div的时候，下拉框是不能被遮盖的。

怎么解决呢？放三明治，背景div，上边加一个iframe，上边再放div，里边装一个进度条图片。

大家有什么别的好办法，可以共同探讨。

转载于:https://www.cnblogs.com/neilvension/archive/2009/05/22/1486996.html