如何捕捉extjs4控制器中的imageclick事件

Question

我正在extjs4中工作。我有extjs查看爲 -

Ext.define('Balaee.view.kp.Word.SearchWord', { 
extend:'Ext.form.Panel', 
    id:'WordId', 
    alias:'widget.SearchWord', 
    bodyPadding: 30, 
    defaults:{ 
     margin:'0 20 0 70' 
    }, 
    layout: { 
     type: 'hbox' 
    }, 

      items:[ 
        { 

         xtype:'textfield', 
         fieldLabel:'Enter the Word:', 
         name:'Word', 
        // height:30, 
         border:false, 
         allowBlank:false, 
         emptyText: 'Enter the word', 
         id:'wordtext' 
        }, 
        { 
         xtype: 'image', 
         width: 30, 
         height: 22, 
         src: 'http://www.asien-news.de/wp-content/uploads/new-york.jpg', 
        } 
        ],}); 

我想調用上面的圖像點擊控制器的功能。那麼如何在控制器中捕捉圖像點擊事件？

Answer 1

您可以使用Observable類的listeners propetry;

包含一個或多個事件處理程序的配置對象，該對象將在初始化期間添加到此對象的 中。這應該是addListener示例中指定的有效監聽器 配置對象，用於一次附加 多個處理程序。

只需結合它的底層元件上，如下所示：

listeners: { 
    el: { 
     click: function() { 
      Ext.Msg.alert("Image clicked"); 
     } 
    } 
} 

這裏是一個example。