Ext IE8 ，IE7 or IE6 throw a error by ”removeChildEls“ method.It is bug？

[chenhailong119]

I test my project in IE8 or older and found the "removeChildEls" throw a error that "old" was undefinded.

So I guess it is the extjs 4.0.7 bug because of the method is only used by "initFrame" method
Another browsers not throw.
The different is
if (Ext.supports.CSS3BorderRadius) {
return false;
}
IE8 or older "Ext.supports.CSS3BorderRadius" return false ,another browsers FF,Chrome,IE9 return true.
Bug at "removeChildEls"
for (i = 0, n = old.length; i < n; ++i) {
cel = old[i];
if (!testFn(cel)) {
keepers.push(cel);
}
}

change it to

if(old&&old.length){
for (i = 0, n = old.length; i < n; ++i) {
cel = old[i];
if (!testFn(cel)) {
keepers.push(cel);
}
}
}

Can anybody tell me it is right?

[chenhailong119]

Ext.define('Sample.Window', {
extend: 'Ext.window.Window',
alias: 'widget.Sample',
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'container',
frame: true
}]
});
me.callParent(arguments);
}
});
win = Ext.create("widget.Sample");
win.show();


Use my code,test in IE8 will throw a error .
My Extjs version :4.0.7


Help me

[scottmartin]

What error do you see when you run your code? I see no width/height in your window ...

Ext.define('Sample.Window', {
    extend: 'Ext.window.Window',
    alias: 'widget.Sample',
    width: 100,
    height: 100,
    initComponent: function() {
        var me = this;
        Ext.applyIf(me, {
            items: [
            {
                xtype: 'container',
                frame: true,
                html: 'html'
            }]
        });
        me.callParent(arguments);
    }
});

win = Ext.create("widget.Sample");
win.show();​

Scott.

[chenhailong119]

Error Message

Message: 'length' is null or not an object
Line: 16761
Char: 14
Code: 0


Your code had this error too.(Notice: Test it in IE8,you will see it)

I guess it is a bug in IE8

[scottmartin]

What mode are you running quirks or compatible?
I did ruin this in IE8 without error.

Scott.

[chenhailong119]

My IE8 User Agent


User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Tue, 17 Jul 2012 00:20:12 UTC

You had no error ?

I use IE8 standard mode and IE7,IE6 throw this error too.

Please help me to solve it. Thanks.

[chenhailong119]

Test my code by IE8

Ext.define('Sample.Window', {
extend: 'Ext.window.Window',
alias: 'widget.Sample',
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'container',
frame: true
}]
});
me.callParent(arguments);
}
});
win = Ext.create("widget.Sample");
win.show();

[scottmartin]

Have you tried 4.1.1 GA?

Scott.

[chenhailong119]

Thank you for your reply.

I am test the code in version 4.0.7,4.1.0,4.1.1

I am so sorry for the before answer.Why I use the official 4.1.0 link that not the local file have the same error to version 4.0.7. I do not know.I am sorry for that

Summary:

4.0.7
Line: 16762
Error: Unable to get value of the property 'length': object is null or undefined

4.1.0
Bug not appear, but the view is abnormal

4.1.1
Line: 26960
Error: Unable to get value of the property 'createChild': object is null or undefined

Thanks Scott

[Valvoline]

Has this been resolved? I am getting the same error in IE8 using extjs 4.0.7

If it is, would you please state what the resolution is?
If not, is there a work-around?