Sencha Ext JS 5.1.0 捕获图像 setSrc 错误事件

Question

我使用 setSrc("myUrl") 在 extjs 5.1.0 中加载图像。如果图像的 Url 不存在，我该如何捕捉 "unable to find url" 事件？（我在网络浏览器中输入："Failed to load resource: the server responded with a status of 404 -Not Found"）

我想要这个是因为当图像加载失败时我必须停止加载启动图标

Answer 1

原生 class Ext.Img 没有错误事件。

创建您自己的 class 并从 Ext.Img 扩展。然后在 imgEl 上设置 dom onerror 处理程序，这样你就可以处理加载错误事件。在回调中，您可以触发自己的事件或设置标准图像或任何您想要的。

示例：https://fiddle.sencha.com/#fiddle/lm1

Ext.define("MyImage", {
    extend : "Ext.Img",

    onRender : function() {
        var me = this;
        me.callParent(arguments);
        me.imgEl.dom.onerror = me.onImageLoadError;
    },

    onImageLoadError : function() {
        alert("Error loading image")
    },

    onDestroy : function() {
        var me = this;
        me.imgEl.dom.onerror = null;
        me.callParent(arguments);        
    }
});

Sencha Ext JS 5.1.0 捕获图像 setSrc 错误事件

Sencha Ext JS 5.1.0 catch image setSrc error event

extjs