Cannot use a Ext.form.CompositeField as a cell editor in Ext.grid.EditorGridPanel

[raskri]

The error occurs in the doLayout function in Ext.form.CompositeField since the field doesnt have an ownerContainer when it is used as a cell editor.

The doLayout function in Ext.form.CompositeField(this.ownerCt is undefined):

    doLayout: function(shallow, force) {
        if (this.rendered) {
            var innerCt = this.innerCt;

            innerCt.forceLayout = this.ownerCt.forceLayout;
            innerCt.doLayout(shallow, force);
        }
    }

By doing this, it works in my case:

  doLayout: function(shallow, force) {
        if (this.rendered) {
            var innerCt = this.innerCt;

            if (this.ownerCt) {
                innerCt.forceLayout = this.ownerCt.forceLayout;
            }
            
            innerCt.doLayout(shallow, force);
        }
    }

Any thoughts?

[rhorn]

This also worked for me expect for internet Explorer (no surprise there). In order to get it to work with IE I needed to set the editors allowBlur to false; which i did via an override. Without this override the editor would appear, but if you clicked on the cell again it would disappear.

Ext.override(Ext.Editor, {
allowBlur: false
});

[Fernell]

Messing with ExtJs sources is not a good idea. You can forbid compostiefield to call doLayout by setting event beforeshow and return false. So lets see it on example:

Ext.getCmp('id_of_your_compositefield').on('beforeshow', function() { return false; });

And you are good to go.