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

最新推荐文章于 2018-08-27 10:10:21 发布

Enthu丶

最新推荐文章于 2018-08-27 10:10:21 发布

阅读量4.6k

点赞数 1

分类专栏： Extjs6.2 文章标签： extjs extjs6-2

本文链接：https://blog.csdn.net/qq_28504151/article/details/55522445

版权

Extjs6.2 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

很多人不知道，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事件。