Extjs4+的image组件如何处理无法找到图片的情况

我们都知道,img标签有个onerror属性可以控制找不到图片时的处理,那么extjs中如何使用呢?
自己看代码,两种方式
1、动态修改属性

var e = document.getElementById("userPicture"); 
e.setAttribute("onerror","this.src='Main/view/images/default-user.jpg'");

2、在控件的render事件中增加error方法

{
                        
                        xtype: 'image',
                        id:'userPicture',
                        itemId:'userPicture',
                        cls: 'header-right-profile-image',
                        height: 46,
                        width: 46,
                        alt:'个人头像',
                        listeners:{
                            render:function(image){
                                Ext.fly(image.el).on({
                                    'error':function(e){
                                        image.setSrc(defaultUserPicture);
                                    }
                                })
                            }
                        }
                    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容