Update Label content

[LeBuFon]

Looks easy but I'm completely lost:

Got this view with a label:

Ext.define('myApp.view.menuVw', {
    extend: 'Ext.Container',
    config: {
          id:'menuMainView',
          fullscreen: true,
          items: [
                {
                  xtype: 'label',
                  id:'statusLabel',
                  html: 'Loading...',
                  top: '80%',
                  left:'50%'
               }
         ]
   }                  
  });

And I try to update it from the controller. I have tried both to use the "ref" option and with the getCmp...

(option1)

Ext.getCmp('statusLabel').setHtml('caca');

(option2)

refs: {
        statusLabel:'#statusLabel'
    },

var statLab = this.getStatusLabel();
statLab.setHtml('caca');

In both cases, if a log to console statLab variable I can see that the content has been updated but in the screen the label still shows the original html.

Thanks!

[mitchellsimoens]

With your code, I simply did this:

var view = new myApp.view.menuVw(),
    label = view.down('label');

setTimeout(function() {
    label.setHtml('Mitchell is great!');
}, 1000);

And it worked for me.

[LeBuFon]

Wow, got it, the problem was related to this message

[Ext.Component#constructor] Registering a component with a id (`.....`) which has already been used.

I removed the view from the launch section in the app.js and now it updates!!!

launch: function() {
        //Ext.create('newapp.view.menuVw');
    }

Is the view automatically created when defined in the views section? Is the order of definition the order of appearance?

Anyway, thanks a lot!

 views: ['menuVw','aboutVw'],

With your code, I simply did this:

var view = new myApp.view.menuVw(),
    label = view.down('label');

setTimeout(function() {
    label.setHtml('Mitchell is great!');
}, 1000);

And it worked for me.