How to define constants file in sencha touch 2.0

[divya_singh]

Hi,
I want to make one properties file that will contain all the constants for my application. Can anyone please help me out how to do this in Sencha Touch 2.0 and how to access that file and constants defined in the file in my controllers, views and model. This property file will contain all my application specific constants as we do in Java.

Thanks,
Divya

[mitchellsimoens]

Ext.define('MyApp.util.Config', {
    singleton : true,

    config : {
        foo : 'bar'
    },

    constructor: function(config) {
        this.initConfig(config);

        this.callParent([config]);
    }
});

You need to require the class and put it in app/util/Config.js

Then anywhere you can use MyApp.util.Config.getFoo()

[danielpizarro]

I tested the solution, but I got everytime: Uncaught TypeError: Cannot read property 'Config' of undefined

My code was:

Ext.application({
    controllers: [....],
    models: [.....],
    name: 'MyApp',
    views: ['...'],
   stores:['...'],
   .....
    launch: function() {
    Ext.require('MyApp.util.Config');
    ........
    Ext.Ajax.request({
        url:  MyApp.util.Config.getUrlLocalProxy() + '/',
                ....
}

The Config.js file is exactly an copy of the sample.

Ext.define('MyApp.util.Config', {
    singleton : true,
    config : {
        urlLocalProxy: '127.0.0.1/utilityProxy.php'
    },
    constructor: function(config) {
        this.initConfig(config);
        this.callParent([config]);
    }
});

Is there any else to do?

Thanks,

Daniel

[divya_singh]

I have done everything exactly the same way as described by mitchell and I am able to solve my problem.

[gamevampy]

I don't require it in launch-function, but in the application itself (and make sure the file is in the right folder: app/util/Config.js):

Ext.application({
    requires: [  'MyApp.util.Config'  ],
    controllers: [....],
    models: [.....],
    name: 'MyApp',
    views: ['...'],
    stores:['...'],
   .....
    launch: function() {
    ........
    Ext.Ajax.request({
        url:  MyApp.util.Config.getUrlLocalProxy() + '/',
                ....
}

[essex]

Is it possible to use a constants file when your application does not use the MVC pattern... ie....stand alone pages?

[gamevampy]

Is it possible to use a constants file when your application does not use the MVC pattern... ie....stand alone pages?

As long as you "require" the config-file with the constants, i think that is possible (if i understand it well).

[Malro]

config : {         foo : 'bar'     }

call by:

... getFoo() ...

works, but why? where is the wrapper function from?

[essex]

Sencha touch will automagically generate getters and setters for you.

[mitchellsimoens]

The initConfig method call in AbstractComponent's constructor method sets off the getter/setter creation.