Results 1 to 3 of 3

Thread: Problem with application load (d is undefined error)

  1. #1
    Sencha User
    Join Date
    Feb 2010

    Default Problem with application load (d is undefined error)


    I developed some web application using extjs 3.1.0. but I have some issue. Some times when I load my application everything works fine and sometimes application crash. When application crash I'm getting following errors:

    Fist error message:

    d is undefined ext-all.js (line 7)

    followed by:

    uncaught exception: [Exception... "Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMHTMLDivElement.appendChild]" nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)" location: "JS frame :: http://localhost/ext-3.1.0/ext-all.js :: anonymous :: line 7" data: no]

    I searched web for the solution but with no success!

    One more think my application works just in Firefox not in IE.

    Does anyone have a clue what could be the problem.

    Since the application consists of many separate js files I didn't give the code. I tried separate js file and it works fine. The application consists of Box layout filled by some grids and tree.

    Thank you!

  2. #2
    Sencha User
    Join Date
    Mar 2007
    The Netherlands


    This probably happens because Ext.onReady executes before it is supposed to. Are you using Ext from within a frame?

    You could try if the code from this feature request fixes the problem.

  3. #3
    Sencha User
    Join Date
    Feb 2010


    Quote Originally Posted by Condor View Post
    This probably happens because Ext.onReady executes before it is supposed to. Are you using Ext from within a frame?

    You could try if the code from this feature request fixes the problem.
    Thank you Condor for the quick reply!

    My index.html looks like:

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="style.css"  />
    <link rel="stylesheet" type="text/css" href="../ext-3.1.0/resources/css/ext-all.css"/>
    <link rel="stylesheet" type="text/css" href="../ext-3.1.0/examples/ux/gridfilters/css/GridFilters.css" />
    <link rel="stylesheet" type="text/css" href="../ext-3.1.0/examples/ux/gridfilters/css/RangeMenu.css" />
    <link rel="stylesheet" type="text/css" href="../ext-3.1.0/examples/ux/css/RowEditor.css" />
    <link rel="stylesheet" type="text/css" href="../ext-3.1.0/examples/ux/css/GroupSummary.css" />
    <script type="text/javascript" src="../ext-3.1.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/ext-all.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/menu/RangeMenu.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/menu/ListMenu.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/GridFilters.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/filter/Filter.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/filter/StringFilter.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/filter/DateFilter.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/filter/ListFilter.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/filter/NumericFilter.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/gridfilters/filter/BooleanFilter.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/RowEditor.js"></script>
    <script type="text/javascript" src="../ext-3.1.0/examples/ux/GroupSummary.js"></script>
    <script type="text/javascript" src="items.js"></script>
    <script type="text/javascript" src="itemsView.js"></script>
    <script type="text/javascript" src="tree.js"></script>
    <script type="text/javascript" src="companies.js"></script>
    <script type="text/javascript" src="categories.js"></script>
    <script type="text/javascript" src="accounts.js"></script>
    <script type="text/javascript" src="projects.js"></script>
    <script type="text/javascript" src="bankAccounts.js"></script>
    <script type="text/javascript" src="exchangeRate.js"></script>
    <script type="text/javascript" src="invoices.js"></script>
    <script type="text/javascript" src="accruals.js"></script>
    <script type="text/javascript" src="cash_flow.js"></script>
    <script type="text/javascript" src="budgetMonths.js"></script>
    <script type="text/javascript" src="budget.js"></script>
    <script type="text/javascript" src="layout.js"></script>
            <div id="header"><h1>PS Wind Management</h1></div>
    and I have Ext.onReady function call from the last loaded js file "layout.js".

    layout.js looks like:

        var contentPanel = {
            id: 'content-panel',
            region: 'center', // this is what makes this panel into a region within the containing layout
            layout: 'card',
            margins: '2 5 5 0',
            activeItem: 0,
            border: true,
            items: [{
                id: 'start',
                html: ''
            }, CompaniesGrid, CategoriesGrid, ProjectsGrid, BankAccGrid, ExcRateGrid, AccountGrid, InvoicesGrid, AccrualGrid, budMonthGrid, BudgetGrid, CfGrid]
        var viewport = new Ext.Viewport({
            layout: 'border',
            renderTo: Ext.getBody(),
            items: [{
                region: 'north',
                xtype: 'box',
                applyTo: 'header',
                height: 30
                region: 'west',
                xtype: 'panel',
                split: true,
                collapsible: true,
                collapseMode: 'mini',
                minSize: 200,
                title: 'Navigation',
                width: 200,
                items: [tree]
        var treeState = Ext.state.Manager.get("treestate");
        if (treeState)
    I'm loading all necessary js files before I Ext.onReady! Could you please help on Ext.onReady modernization? How can I implement that in my code? I have read the thread but I didn't catch how can I implement that.

    Thank you very much for your help!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts