My app runs fine before I compile it

[raskri]

I have a problem. To explain my problem:

var panel = new MyApp.view.Test({foo:'bar'});

and in my Test.initialize function I do this:

Ext.define('MyApp.view.Test', {    extend: 'Ext.Panel',
    initialize: function() {
        this.callParent(arguments);
        console.log(this.foo);
    }
});

I get undefined echoed out in the console, only after I compile... Any thoughts?

I'm using Sencha Cmd v3.0.2.288 on Windows 7 and Sencha Touch 2.1.1

[mitchellsimoens]

In your panel definition you should really have

Ext.define('MyApp.view.Test', {
    extend : 'Ext.Panel',

    config : {
        foo : null
    },

    initialize : function () {
        this.callParent(arguments);
        
        console.log(this.getFoo());
    }
});

and also use the getFoo method instead of trying to use the foo property as there won't be one. This is the proper way to add configs.

[raskri]

Thank you so much!

Little strange that my code works before it is built with Sencha Cmd? Is it not?

I will start using this way of sending config, I guess I'm laggin from Sencha 1.1.