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

您可以使用listeners课程中的Observable投标;

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

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

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

这是一个example。

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

1 个答案: