项目使用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();
}
}
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,里边装一个进度条图片。
大家有什么别的好办法,可以共同探讨。