How to reference statics from one class when defining the data for a store

[colin.yates]

Hi all,

I have a mode defined with:

Ext.define('...MyModel', {
    extend: 'Ext.data.Model',

    statics: {
        KEY_A:'a',
        KEY_B:'b',
        .... and so on
    }
    .....
})

I am successfully referencing those static constants in another class via a requires:['...MyModel'] and then ...MyModel.KEY_A.

This is working great, except when I want to reference those statics when *defining* a class (rather than executing the code in a defined class). For example, I am defining a combobox which allows a user to choose a value, and its store is defined as:

    var typeStore = Ext.create('....MyStore', {
        fields: ['type','name'],


        requires: ['....MYModel'],   // for the constants


        data:[
            {'type':...MyModel.KEY_A, 'name':'description of key a'},
            {'type':...MyModel.KEY_B, 'name':'some description of key b'}
        ]
    });

however when I load that class I get an "Uncaught TypeError: Cannot read property 'KEY_A' of undefined".

Any ideas?

Thanks!

[colin.yates]

One more bit of context - I am creating the store outside of any Ext.defines:

var myStore = Ext.create('Ext.data.Store....)
Ext.define('...MyView', {
   this.items: [
     {xtype:combobox, store:myStore}
   ]
});

Moving the myStore inline (so store: Ext.create...) or moving the definition of myStore into the init method works as expected. In other words, no hacking and doing it "properly" means it works

[dsuzette]

You could create a constants file and list all your constants there:

/app/util/Constants.js

     KEY_A:'a',         
     KEY_B:'b',         
     .... and so on

Then where you create the store

         
    requires: ['MyApp.util.Constants'],   // for the constants           
    data:[
        {'type':MyApp.util.Constants.KEY_A, 'name':'description of key a'},
        {'type':MyApp.util.Constants.KEY_B, 'name':'some description of key b'}