-
15 Nov 2010 9:55 AM #1
[OPEN-1434] ExtJS, TreePanel and IE9
[OPEN-1434] ExtJS, TreePanel and IE9
Hi,
I've been trying to get a TreePanel working correctly in IE9, but encountered several problems, not least of all the fact the it mis-identified IE9 as IE6, I'm well aware that this has been raised several times, and indeed I found the solution in this post.
However even after getting ExtJS to identify IE9 as IE8, events will not fire on TreePanels, this is true of the ExtJS Drag and Drop ordering in a TreePanel example (You have to use the dev tools[F12] to force IE9 into IE9 rendering mode otherwise it'll be in Quirks mode). I'm not certain why it only affects the tree panel events, as all other item's (tabs, buttons, etc) events work fine.
Regardless of planned IE9 support, could anyone give me an indication of where in the code I could drill into to perhaps work out what the issue is, so I have a bit of a head start.
I realise that IE9 is still a beta, but it has been released for some time now, and it's probably safe to assume that the final release will be fairly early in 2011. Is there a plan for minor revision of 3.3 to provide support for ExtJS before a final release of IE9 surfaces?
Thanks,
Steve
-
8 Feb 2011 7:35 PM #2
@Tegud, any luck with getting Trees/ IE9 working?
As you found, IE9 detection doesn’t resolve this (http://www.sencha.com/forum/showthre...net-Explorer-9)
Also, IE8/7 emulation produces many other problems and isn’t supported.
If anyone is able to provide suggestions on how to get trees/ IE9 working it would be much appreciated.
-
11 Feb 2011 12:47 AM #3
I have a er..."fix", but it's really not very nice, and causes a whole host of other issues, though some of them do seem lessened by the IE9 RC.
I added this after the "is" checks in ext-base-debug.js, like 82.
// IE9 behaves much better in Chrome mode than in IE6 mode.
if(isIE && check(/msie 9/)) {
isIE6 = isIE = false;
isChrome = true;
}
Obviously I am aware that telling ExtJS that IE9 is chrome isn't a particularly good idea, but it gets the trees working and its in development internal application, so it's not exactly mission critical.
I'm running with the assumption that IE9 compatibility for ExtJS 3 will be addressed at some point. I'm hoping the release of IE9 RC will now see an ExtJS compatible minor release?
Thanks,
Steve
-
21 Feb 2011 4:07 AM #4
Thanks for the "fix" - provides an option for some of our IE9 dev testing.
-
25 Mar 2011 2:50 AM #5
IE9 pretending to be Chrome
IE9 pretending to be Chrome
The proper release of IE9 (ie not the RC versions) shows the following problems in my app using ext 3.3.0
- menus don't show icons
- menus are not wide enough for text
- tree panels don't get hover/mouse events (expand buttons, tooltips, context menus) but do get drag drop events
and these all seem to be caused by the fact isIE and isIE6 are true.
So all of these are fixed by a variation on the above, I load extjs with an extra bit of code between loading the base and all the rest of Ext
<script type='text/javascript' src='http://extjs-public.googlecode.com/svn/tags/extjs-3.3.0/release/adapter/ext/ext-base.js'></script>
<script type='text/javascript'>
// hack hack hackity hack
if (Ext.isIE6 && /msie 9/.test(navigator.userAgent.toLowerCase())) {
Ext.isIE6 = Ext.isIE = false;
Ext.isChrome = Ext.isIE9 = true;
}</script>
<script type='text/javascript' src='http://extjs-public.googlecode.com/svn/tags/extjs-3.3.0/release/ext-all.js'></script>
The "isIE9" is NOT a standard ext flag, but I add it so that I can internally check for this hack.Last edited by meercat; 25 Mar 2011 at 2:51 AM. Reason: markup for code
-
5 Apr 2011 12:11 PM #6
We are seeing the same issue
We are seeing the same issue
Just wanted to add my two cents that this is a major bug for us and we would like to have a fix as soon as possible. The Chrome hack really won't work for us.
-
15 Apr 2011 8:44 AM #7
Tree panel Issue on IE9
Tree panel Issue on IE9
I think this is a big issue. Hope these folks fix it soon.
-
23 Apr 2011 9:44 AM #8
i've this issue too... i hope it will be fixed soon...
Albano Daniele Salvatore- IT Consultant
- Website Design and Development
- Software Engineer and Developer
- Linux Servers SetUp And Administration
- Embedded Network Solutions
http://www.itechcon.it
http://www.daccii.it
-
11 May 2011 4:57 AM #9
I am having this issue also, no fix yet?
-
24 May 2011 5:33 AM #10
This worked for us
This worked for us
This is the solution we used:
Tree panels work
Also the "createContextualFragment" issue is solved
And you do not need to change any Ext files
index file:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">Last edited by Inlandschweizer; 24 May 2011 at 7:13 AM. Reason: some more information added
Thank you for reporting this bug. We will make it our priority to review this report.
Similar Threads
-
[OPEN-1278] SCRIPT438 error with IE9 Beta and ext-all-debug.js
By stevenwilford in forum Ext 3.x: BugsReplies: 8Last Post: 9 Apr 2012, 7:05 AM -
What's going on with ie9 support?
By Ozone in forum Community DiscussionReplies: 11Last Post: 15 Sep 2010, 11:16 PM -
hiding open arrow for childless folder in TreePanel
By nickbrook72 in forum Ext: Q&AReplies: 2Last Post: 17 Aug 2010, 8:50 AM -
A Glimpse at IE9 (the early days)
By hendricd in forum Community DiscussionReplies: 13Last Post: 6 May 2010, 11:44 PM


Reply With Quote