Question

我使用setSrc（＆＃34; myUrl＆＃34;）在extjs 5.1.0中加载图像。如果图像的Url不存在，我怎么能抓住＆＃34;无法找到网址＆＃34;事件？（我接受了网络浏览器：＆＃34;无法加载资源：服务器响应状态为404-Not Found＆＃34;）

我想要这个，因为我必须在图片无法加载时停止加载启动图标

Answer 1

本机类Ext.Img没有错误事件。

创建自己的类并从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错误事件

1 个答案: