2010-06-25 128 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