Property grid + custom store -> undefined variable

[honzakuchar]

Hello!

Try to configure PropertyGrid with custom store. It fails with undefined error. Current constructor looks like this:

...
me.customRenderers = me.customRenderers || {};        me.customEditors = me.customEditors || {};


        // Create a property.Store from the source object unless configured with a store
        if (!me.store) {
            me.propStore = me.store = new Ext.grid.property.Store(me, me.source);
        }


        if (me.sortableColumns) {
            me.store.sort('name', 'ASC');
        }
...

...but it should look like this:

...
me.customRenderers = me.customRenderers || {};        me.customEditors = me.customEditors || {};


        // Create a property.Store from the source object unless configured with a store
        if (!me.store) {
           me.store = new Ext.grid.property.Store(me, me.source);
        }
        me.propStore = me.store


        if (me.sortableColumns) {
            me.store.sort('name', 'ASC');
        }
...

Best regards
Honza Kuchar

[mitchellsimoens]

Can I get a test case that I can run locally to reproduce the error?

[honzakuchar]

Here is the code that should work but it doesn't:

Ext.define("App.grid.ObjectPropertyGrid", {    
    extend: "Ext.grid.property.Grid",
    
    initComponent: function() {
        this.store = Ext.create("App.grid.PropertyGridStore", this, this.source);
        this.callParent(arguments);
    }
    
});

Here is working code:

Ext.define("App.grid.ObjectPropertyGrid", {
    
    extend: "Ext.grid.property.Grid",
    
    initComponent: function() {
        this.propStore = this.store = Ext.create("App.grid.PropertyGridStore", this, this.source);
        this.callParent(arguments);
    }
    
});