using this in xtype definition

[chaostimmy]

I can't get "this" to work in an class definition:

Ext.define('classname', {
extend: 'Ext.form.Panel',
layout: 'form',
labelMap: {
textfieldLabel: 'write your name here'
},
items: [{
xtype: 'textfield',
fieldLabel: this.labelMap.textfieldLabel
}]
});


why ?

[scottmartin]

Please have a look at the following:

You need to initialize before you start adding items.

Ext.define('classname', {
    extend: 'Ext.form.Panel',
    layout: 'form',
    height: 100,
    width: 100,
    labelMap: {
        textfieldLabel: 'write your name here'
    },
    
    initComponent : function () {

        var me = this;

        Ext.applyIf(me, {
            items: [{
                xtype: 'textfield',
                fieldLabel: this.labelMap.textfieldLabel
            }]
        });

        me.callParent(arguments);
    }
    
});

Ext.create('classname', {
    renderTo: Ext.getBody()
});

Regards,
Scott.​