1. #1
    Sencha User
    Join Date
    Jun 2012
    Posts
    6
    Vote Rating
    0
    Amrutha03 is on a distinguished road

      0  

    Default Unanswered: My MVC App not running in IE8.

    Unanswered: My MVC App not running in IE8.


    I have developed an MVC App for my project using Eclipse IDE. Am able to run it Firefox, Safari and Chrome but not in IE.
    It is a very big application and consists of many Ext Js features like panels,grids,charts,forms etc..,
    Please note that there are no syntax errors like extra commas etc.., in the code developed...

    PLEASE HELP ME on this....it is of high importance for me...and am not able to figure out what went wrong...

    Error in IE is the one pasted below...

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.2; .NET4.0E)
    Timestamp: Wed, 25 Jul 2012 09:31:36 UTC


    Message: 'undefined' is null or not an object
    Line: 121
    Char: 9
    Code: 0
    URI: http://localhost:8080/MyAppName/extj...=1343208681832


    Message: 'undefined' is null or not an object
    Line: 121
    Char: 9
    Code: 0
    URI: http://localhost:8080/MyAppName/extj...=1343208681832



    Many Thanks in Advance...
    Amrutha03

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    872
    Answers
    3566
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    a class isn't loaded that is trying to be created.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha Premium Member
    Join Date
    Mar 2011
    Location
    Betelgeuse VII
    Posts
    86
    Vote Rating
    3
    Answers
    3
    fordprefect is on a distinguished road

      0  

    Default


    One thing to look out for with IE 8 is any stray commas.

    Here's an example of a comma that caused IE to crash in a model of mine:

    Code:
    fields: [
            {
                name: 'objectId',
                type: 'int'
            },
            {
                name: 'title',
                type: 'string'
            }, <-- this comma should not be here
        ],

  4. #4
    Sencha User
    Join Date
    Jun 2012
    Posts
    6
    Vote Rating
    0
    Amrutha03 is on a distinguished road

      0  

    Default


    Hi fordprefect,

    yeah i have already taken care of that kind of trailing commas in my code. There are no such errors in my code...is there anything else that i could try with...
    the error is shown in an extjs related source file.

    which version of extjs would be a better option for making it work in IE8...?
    currently am using extjs4.1. Please help

  5. #5
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Vote Rating
    27
    Answers
    106
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    I've run into this same problem before and here's how I cured it:
    • In the code for your main application layout, comment out every child component you can, then run the app and see if it works.
    • If that worked, uncomment a single child component and retest.
    • Keep uncommenting child components, one at a time, and retesting until you hit the class that's problematic.
    • If the problematic class is a larger parent container with lots of children, then go through the same process with it.
    Yes, this is a bit tedious, but it will fairly quickly narrow down the problem...

    Also, don't forget about IE's Develper Tools (hit the F12 key). They're not quite as good as Firebug or Chrome's, but they can help.

  6. #6
    Sencha User
    Join Date
    Jun 2012
    Posts
    6
    Vote Rating
    0
    Amrutha03 is on a distinguished road

      0  

    Default


    Yeah friend....
    it is a tedious job...will take it as a worst case solution...
    but i have one more doubt....which extjs related source files should i include in my MVC app....???
    currently am using "resources" folder, "src" folder and ext.js file in my application...

  7. #7
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Vote Rating
    27
    Answers
    106
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    I feel your pain. I wrote a fairly large app and only tested during development on Firefox w/Firebug. When I finally got around to cross-browser testing, all browsers worked fine, except for IE where it just threw up a big, white, blank page with no script errors and no stack trace to follow. Most of my problems had to with nested custom components and my lack of Ext.require() statements at each component level.

    Regardless, the only way I figured out the problem was by doing the comment/test/uncomment thing...

    As for what files to include with your app, the production index.html page should look like below. Note that you only need include the CSS file, the base ext.js file and a combined/minified app-all.js file as created by the Sencha SDK Tools:

    Code:
    <html>
    <head>
        <title>Hello Ext</title>
    
        <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
        <script type="text/javascript" src="extjs/ext.js"></script>
        <script type="text/javascript" src="app-all.js"></script>
    </head>
    <body></body>
    </html>
    See the section 3. Deployment of the Getting Started guide for details.

  8. #8
    Sencha User
    Join Date
    Jun 2012
    Posts
    6
    Vote Rating
    0
    Amrutha03 is on a distinguished road

      0  

    Default


    Yeah...i got it running in IE...
    the problem was a trailing comma only in a different case where my eclipse IDE was not able to show it as an error...

    Ext.define("ExampleModel",{
    extend : "Ext.data.Model",
    fields : [
    {name : "name" type : "string"},
    {name : "email" type : "string"}, // This kind of comma caused the problem
    ]
    });

    Many thanks to everyone who replied me