Extjs6图片控件功能扩展，增加tip和点击事件

药到病重

于 2018-08-27 10:10:21 发布

阅读量982

点赞数 2

分类专栏： Extjs 文章标签： extjs6 image tips 图片按钮

本文链接：https://blog.youkuaiyun.com/iamcookie/article/details/82107970

版权

本文介绍了如何扩展ExtJS6中的图片控件，使其具备点击事件处理和显示提示信息（tips）的功能，类似于图片按钮。通过在事件处理中进行定制，可以实现与普通按钮相似的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何让我们的图片也能点击，类似imagebutton一样，还有可以显示tips，和按钮一样，这就需要在事件里做文章。废话不多说，直接上代码。

{
                                    xtype : 'image',
                                    src : "../MainView/newView/images/system.png",
                                    width:16,
                                    margin:'0 10 0 10',
                                    listeners : {
                                        afterrender: function(c) {
                                                Ext.create('Ext.tip.ToolTip', {
                                                    target: c.getEl(),
                                                    html: '切回老版本'
                                                });
                                            },

最低0.47元/天解锁文章