image - 如何在 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属性；

一个配置对象，包含一个或多个事件处理程序，在初始化期间要添加到此对象。这应该是 addListener 示例中指定的有效侦听器配置对象，用于一次附加多个处理程序。

只需将其绑定在底层元素上，如下所示：

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

这是一个例子。