Extension js

Question

I have a 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 unable to get the button click event to work. Buttons created as follows have the same functionality as Ext.Button?

Answer 1

You either need

a) Handler parameter (shortcut on click)

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

b) Event listeners must be registered in the listener block, therefore

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

A).