TabPanel and 'Ext.fly(...)' is null or not an object error

Hello all,

I've spend a lot of time trying to understand why the 'Ext.fly(...)' is null or not an object error was happening in TabPanel (when changing tab in IE6 and IE7).

The solution I've found is quite simple, you just have to override the getTarget method, hope this can help someone.

Code:

---

Ext.override(Ext.EventObjectImpl, {
    getTarget : function(selector, maxDepth, returnEl){
        var targetElement;

        try {
            targetElement = selector ? Ext.fly(this.target).findParent(selector, maxDepth, returnEl) : this.target;
        } catch(e) {
            targetElement = this.target;
        }

        return targetElement;
    }
});

---

Samuel

hmmm? what's the test code you used on IE6?

Quote:

---

Originally Posted by Silenius

Hello all,

I've spend a lot of time trying to understand why the 'Ext.fly(...)' is null or not an object error was happening in TabPanel (when changing tab in IE6 and IE7).

The solution I've found is quite simple, you just have to override the getTarget method, hope this can help someone.

Code:

---

Ext.override(Ext.EventObjectImpl, {
    getTarget : function(selector, maxDepth, returnEl){
        var targetElement;

        try {
            targetElement = selector ? Ext.fly(this.target).findParent(selector, maxDepth, returnEl) : this.target;
        } catch(e) {
            targetElement = this.target;
        }

        return targetElement;
    }
});

---

Samuel

---

I had the same issue with IE7 and a TreePanel/Node Click event, however, I'm using EXT 2.2.0.

The above override fixed it just fine.

Thanks!

Hello,

I am getting the same problem on IE7, I have added above code snippet into my application's JS but not able to get rid of the error. Is there any other way to add this snippet?

This solution also worked for me using IE6 and Ext 2.2.0

Thanks

I have the same problem... but, a silly question... where put this lines??... in which file? please I am a newbie... thanks in advance!!

I have also just implmented the same fix although i am not too happy about it. I dont know why this is happening.

I have had the same problem,.
The above fix just prevents the error from being thrown.

I have extjs in an iframe and when the user right clicks a menu with some menu items appears. Before I inserted a fix an error was thrown when an item was selected.
After the fix no error is thrown but choosing the menu item has no effect whatsoever.

I am suspecting it is because this.target for some reason appears to be null in IE..

I am rendering a grid in my project.On firefox, this code works fine.However in IE 7 I get the following error:undefined is null or not an objectI believe the error is occuring on Line 239 in ext-all.js and the following section is highlighted:iftypeof _1i.dataIndex=="undefined"I feel as if Im not providing enough information for you guys to help me with my problem, let me know what else I should provide

f*cking IE...

Well this override is a hacky workaround, but it does work.

Thank you.