1. #1
    Ext User
    Join Date
    Nov 2007
    Posts
    14
    Vote Rating
    0
    doinIT is on a distinguished road

      0  

    Question Ext.onReady not working intermittently with IE 8

    Ext.onReady not working intermittently with IE 8


    Has anyone had any problems with IE 8 and ExtJS???

    I've just upgraded to IE 8 and now the Ext.onReady function rarely gets called.

    The page only works 1 out of every 5 or so loads.

    After creating a bare minimum Ext app (see below), the problem still exists.

    Any ideas.

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    	<head>
    		<title>Sample App thats not working dammit!</title>	
        <!-- Include Ext and app-specific scripts: -->
        <script type="text/javascript" src="../../shared/libs/ext/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="../../shared/libs/ext/ext-all.js"></script>
        
    		<script>
    			
    			Ext.onReady(function(){
    				// I only see this message one out of every 5 or so attempts to load the page.
    		  	alert("BANG!");   
    			});
    			
    		</script>
    
    	</head>
    	<body>
    		Hello
    	</body>
    </html>

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Are you using 2.2.1? Does this behavior change if you remove/change the doctype?

  3. #3
    Ext User
    Join Date
    Nov 2007
    Posts
    14
    Vote Rating
    0
    doinIT is on a distinguished road

      0  

    Cool


    Just downloaded 3.0 and problem still exists.

    Also removed doc type and tried different version with no change to result.

    Maybe it's an issue with Apache???

    The page just sit's there waiting even though all the HTML has been output to the browser.

    If you hit the stop button, the Ext.onReady event fires.

  4. #4
    Ext User
    Join Date
    Nov 2007
    Posts
    14
    Vote Rating
    0
    doinIT is on a distinguished road

      0  

    Default


    I've narrowed it down to when I include ext-all.js.

    As soon as I include the file like this.

    <script type="text/javascript" src="$server/shared/libs/ext/ext-all.js"></script>

    The the onload event will only fire intermittently.

    This is when using Ext 3.0 on IE 8.

    No script errors.

  5. #5
    Ext User
    Join Date
    Nov 2007
    Posts
    14
    Vote Rating
    0
    doinIT is on a distinguished road

      0  

    Thumbs up Fix

    Fix


    <meta http-equiv="X-UA-Compatible" content="IE=8"/>

    Seems to have fixed the problem.

  6. #6
    Ext JS Premium Member
    Join Date
    Oct 2007
    Posts
    24
    Vote Rating
    0
    e12win is on a distinguished road

      0  

    Default We're having this problem, too

    We're having this problem, too


    We are getting the same freeze up in IE8 only. Inconsistently, onReady doesn't fire, but once you click Stop, it runs.

    I applied the meta tag to force compatibility, but using IE=8 messes up our page pretty good, cause of css considerations we've made for layout and such for IEs. I then tried using IE=EmulateIE8, to no avail--still freezes.

    Any ideas?

  7. #7
    Sencha User aw1zard2's Avatar
    Join Date
    Sep 2009
    Location
    Dallas, Texas
    Posts
    577
    Vote Rating
    32
    aw1zard2 has a spectacular aura about aw1zard2 has a spectacular aura about

      0  

    Default


    Yeah IE loves to cache I use nocache tags when developing so I know its a fresh page.

    Also seen a faster response from IE lol.


  8. #8
    Sencha - Community Support Team hendricd's Avatar
    Join Date
    Aug 2007
    Location
    Long Island, NY USA
    Posts
    5,963
    Vote Rating
    10
    hendricd will become famous soon enough hendricd will become famous soon enough

      0  

    Thumbs up


    Try:

    HTML Code:
    <div>Hello</div>
    and/or (more likely) this.
    "be dom-ready..."
    Doug Hendricks

    Maintaining ux: ManagedIFrame, MIF2 (FAQ, Wiki), ux.Media/Flash, AudioEvents, ux.Chart[Fusion,OFC,amChart], ext-basex.js/$JIT, Documentation Site.


    Got Sencha licensing questions? Find out more here.


  9. #9
    Ext User
    Join Date
    Sep 2009
    Posts
    6
    Vote Rating
    0
    winner is on a distinguished road

      0  

    Default


    i have fix it by another way:

    don't include :
    $server/shared/libs/ext/ext-all.js

    you should include like this:

    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/ext-foundation.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/cmp-foundation.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/ext-dd.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/data-foundation.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/data-json.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/data-grouping.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/resizable.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/window.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/state.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/data-list-views.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-tabs.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-buttons.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-toolbars.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-tips.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-tree.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-menu.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-forms.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-grid-foundation.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-grid-editor.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-grid-property.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/pkgs/pkg-grid-grouping.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/ext-lang-zh_CN.js"></script>
    <!-- EXT plug -->
    <link rel="stylesheet" type="text/css" href="/AuditSystem/EXT_CSS/GroupHeaderPlugin.css" charset="GBK"/>
    <link rel="stylesheet" type="text/css" href="/AuditSystem/EXT_CSS/TreeGrid.css" />
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/GroupHeaderPlugin.js" charset="GBK"></script>
    <script type='text/javascript' src='/AuditSystem/AS_INCLUDE/RowExpander.js'></script>
    <script type='text/javascript' src='/AuditSystem/AS_INCLUDE/TreeGrid.js'></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/MultiCellSelectionModel.js"></script>
    <script type="text/javascript" src="/AuditSystem/AS_INCLUDE/BufferView.js"></script>

    then it is ok.

  10. #10
    Sencha User
    Join Date
    Sep 2010
    Posts
    10
    Vote Rating
    0
    jothi35 is on a distinguished road

      0  

    Default


    I have the same problem. It's cause by the fact that document.readyState never take value "COMPLETE". Then Ext.onready is never call and checkReadyState method is call all 2 ms. Also, onLoad isn't also never call.
    I can't put <meta http-equiv="X-UA-Compatible" content="IE=8"/>, my pages aren't compatible.

    Do you plan to fixe this, or have you got a solution ?

    Thanks.