Editing ExtJS Button Text

Question

Iam design Button in ExtJS with the text “Show”, when I click the button, I want to change the text as “Hide”, How can I handle this Plz Help me

Thanks in advance

Answer 1

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

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

Answer 2

If you work with mvc, you will use this code

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