2010-06-25 85 views
3

我有简单的形式:按钮单击事件的Ext JS

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'); 
    } 
    } 
     ] 
    }); 

但是我遇到麻烦按钮的单击事件工作。 Do按钮创建的方式与Ext.Button具有相同的功能吗?

回答

7

您也需要

一)处理选项(点击快捷方式)

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

B)事件侦听器需要注册在一个听众阻塞,因此,

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

A)是首选。

+0

是的,我最终不得不使用一个Ext.Button,我只是认为使用按钮部分是一个更好的做法! – roobotta 2010-06-25 15:37:00

+0

您可以将处理程序配置添加到按钮数组中的按钮配置 - 您不必创建Ext.Button()对象即可完成此操作。 – 2010-06-25 18:37:36