ExtJS Button text change

Question

I am designing a button in ExtJS with text Show, when I click on button, I want to change text as Hide

How can I handle this.

Plz Help me.

Thanks in advance

Answer 1

Use the click event of the button and change the text to "Hide".

listeners : {
    click: function(button,event) {
        button.setText('Hide');
    }
}

Answer 2

If you work with mvc then you will use this code

'widgetName button[text=Show]': {
    click: function(button, el) {
        button.setText('Hide');
    }
}