Ext core 3.1.0的一个大Bug

zhouyrt

浏览: 1141654 次
性别:
来自: 北京

最近访客更多访客>>

a612986

tweenkin

zymdev

小白到此一游

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

ExtJS

EXT 浏览器 JavaScript prototype 软件测试

Ext core 3.1.0(下载地址 )中Ext.DomHelper中的applyStyles方法源码如下：

applyStyles : function(el, styles){
    if(styles){
        var i = 0,
            len,
            style;

        el = Ext.fly(el);
        if(Ext.isFunction(styles)){
            styles = styles.call();
        }
        if(Ext.isString(styles)){
            styles = styles.trim().split(/\s*(?::|;)\s*/);
            for(len = styles.length; i < len;){
                el.setStyle(styles[i++], styles[i++]);
            }
        }else if (Ext.isObject(styles)){
            el.setStyle(styles);
        }
    }
},

该方法中这句

styles = styles.trim().split(/\s*(?::|;)\s*/);

直接使用字符串类的trim方法，该方法是在ECMA-262(V5) 中给String.prototype上添加的(见15.5.4.20)，用来去除字符串两旁的空白字符。

各浏览器的最新版本都已支持如IE9、Firefox3、Chrome8、Safari4和Opera10。
但IE6/7/8仍然不支持。导致在IE6/7/8中applyStyles失效，进而影响到Ext.Element的set方法。

测试如下：

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ext.DomHelper.applyStyles方法在IE6/7/8下失效</title>
		<script src="ext-core-debug.js"></script>
    </head>
    <body>

		<p id="p1">HELLO</p>
			
		<script type="text/javascript">		
			var dh = Ext.DomHelper;
			var p1 = document.getElementById('p1');
			try{
				dh.applyStyles(p1,'color:red');
			}catch(e){
				alert(e);
			}	
				
		</script>
    </body>
</html>

这个页面引入了ext-core-debug.js，使用Ext.DomHelper对象的applyStyles方法来设置元素样式。

在IE6/7/8中有异常，段落颜色未变。其它浏览器段落p的颜色变成了红色。

这是一个大Bug！

extbug.rar (75.3 KB)
下载次数: 9

8
顶

5
踩

分享到：

读Ext之十二（在各个位置插入元素） | 读Ext之十一（通过innerHTML创建元素）

2011-01-12 19:28
浏览 6431
评论(3)
分类:Web前端
查看更多

3 楼 linder0209 2011-03-31

首先肯定这位仁兄对extjs源码的研究，不过你指出的bug应该不是extjs的bug，extjs已经扩展了trim方法，如下

String.prototype.trim = function(){
var re = /^\s+|\s+$/g;
return function(){ return this.replace(re, ""); };
}();

2 楼 nowaytj 2011-01-29

国内的使用群相当落后，但某些开发人员相当激进，这是个矛盾。
比如：一部分开发人员追求软件的新版本，却考虑它的兼容和维护以及带来的新bug

开发学习，和商业应用还是有差别的

1 楼 kyfxbl 2011-01-26

太超前了一点，没有考虑到国内浏览器状况

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论