Button click event Ext JS

Question

I have the simple form:

   myForm = new Ext.form.FormPanel({
      width:'100%',
      frame:false,
      items: [
         new Ext.form.TextArea({
            id:'notes',
  name: 'notes',
  hideLabel: true,
            width:350,
            height:200
         })
      ],
      buttons: [
         {
    text:"Save",
    click: function (b,e) {
     alert('x');
    }
  }
      ]
   });

However I am having trouble getting the click event of the button to work. Do buttons created the following way have the same functionality of doing Ext.Button?

Evan Trimboli · Accepted Answer · 2011-09-01 03:47:56Z

7

You either need

a) The handler option (a click shortcut)

new Ext.Button({
    handler: function(){ 
        // ....
    }
});

b) Event listeners need to be registered in in a listeners block, so

new Ext.Button({
    listeners: {
        click: function(){
            // ...
        }
    }
});

A) is preferred.

edited Sep 1, 2011 at 3:47

answered Jun 25, 2010 at 15:16

Evan Trimboli

30.1k6 gold badges49 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

roobotta Over a year ago

Yeah I ended up having to use a Ext.Button, I just thought it was a bit better practice to make use of the buttons section!

Brian Moeskau Over a year ago

You can add the handler config to a button config in your buttons array -- you do not have to create an Ext.Button() object to do that.

Collectives™ on Stack Overflow

Button click event Ext JS

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related