Extjs6.2系列之图片组件及click点击事件监听

很多人不知道,Extjs的新版本里已经推出了图片组件,xtype是image,具体可以查阅Extjs6.2的文档。下面给出一个实例(src在别处动态设置了):
{
    xtype:'image',
    id:'qqUserFigure',
    width:40,
    height:40,
    style:{
        borderRadius: '50%'//显示圆形图片
    },
    listeners:{
        //监听click事件
        el:{
            click:'imgClick' //imgClick方法写在了controller中,在这里也可以直接替换成function(){console.log('click')}
        }
    }
}
上面的代码顺便把图片的事件监听也写进去了,这个监听方式有些特别,因为Extjs6.2本身并没有提供图片的监听事件,但是Ext的每个组件都可以获得它的dom元素,而Extjs为dom元素设置了一系列的事件,具体事件可以查看官方api中的Ext.dom.Element说明。
知道了上面的信息,就理所当然可以联想到,这种方法可以监听的内容不仅局限于image的click事件。

你可能感兴趣的:(Extjs6.2)