Results 1 to 2 of 2

Thread: Extjs migration issue from 2.3 to 3.3(this.el is null)

  1. #1

    Default Extjs migration issue from 2.3 to 3.3(this.el is null)

    Hi,
    I am getting some error while doing the migration from Extjs2.3 to Extjs3.3.

    I have difined one div in my php.
    PHP Code:
    <!-- used in 'north' panel of main layout -->
    <div id="masthead" class="x-hidden">
    <?=$masthead?>
    </div>
    I am using this div in the one js like el: 'masthead' file in below code.
    Code:
    var viewport = new Ext.Viewport({
                layout: 'border',
                items:[{
                    xtype: 'box',
                    region: 'north',
                    autoShow: true,
                    el: 'masthead'
                },{
                    region: 'center',
                    xtype: 'grid',
                    id: 'existingPerfs',
                    loadMask: true,
                    enableHdMenu: false,
                    enableColumnMove: false,
                    enableColumnHide: false,
                    autoExpandColumn: 5,
                    store: store,
                    cm: colModel,
                    sm: new Ext.grid.RowSelectionModel({selectrow:Ext.emptyFn}),
                    plugins: [gridSearch],
                    tbar: tbar,
                    bbar: pager,
                    listeners: {
                        render: function(grid){
                            if (latx_query)
                            {
                                gridSearch.field.setValue(latx_query);
                            }
                            var pressed = Ext.getCmp('existing-details-btn').pressed;
                            var view = grid.getView();
                            view.showPreview = pressed;
                            view.refresh();
                        }
                    },
                    viewConfig: {
                        forceFit: false,
                        emptyText: 'No perfstats found',
                        deferEmptyText: true,
                        enableRowBody: true,
                        showPreview:  false,
                        getRowClass: function(record, rowIndex, p, store){
                            if (this.showPreview){
                            	alert("test");
                                p.body = '<p style="padding-left:1em; color:#797979;">'+record.data.filers+'</p><br />';
                                return 'x-grid3-row-expanded';
                            }
                            return 'x-grid3-row-collapsed';
                        }
                    }
                }]
            });
    
    This
    This above code is working as expected in extjs 2.3 but in 3.3 it is giving error like :
    this.el is null
    [Break on this error] ct.dom.insertBefore(this.el.dom, position);

    when i am commenting el: el: 'masthead' in forst item it is working fine.

    could you please let me what might be the problem?

    Thanks,
    -smruti

  2. #2

Similar Threads

  1. [B]'null' is null or not an object IE7 / el is null in FireFox in ExtJS[/B]
    By Jigesh Shah in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 20 May 2010, 4:54 PM
  2. 'null' is null or not an object IE7 / el is null in FireFox in ExtJS
    By Jigesh Shah in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 19 May 2010, 5:48 PM
  3. 2.1 Migration Issue (Fieldset)
    By InFloW in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 18 Jun 2008, 6:37 AM

Tags for this Thread

Posting Permissions

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