Question

I have a button:

               {
                    xtype:'button',
                    text:'2',
                    ui: 'orange',
                    style: 'font-size:14px;',
                    height:20

                }

I want the text of the button to be loaded dynamically depending on the number of priority values in the store.
If the priority value is 0 for ten values i want the button text as 10. Can anyone help me regarding this?

Answer 1

You need to use setText() method of Ext.Button. That will dynamically set the text for your button.

First, set the id property on your button

{
  xtype:'button',
  text:'2',
  id: 'myBtn',
  ui: 'orange',
  style: 'font-size:14px;',
  height:20
 }

Then do like this,

  if(validCondition) {
      Ext.getCmp('myBtn').setText('10');
  } 

*validCondition is the condition that you want to set before changing the text.