javascript - sencha touch 2 中的 javascript on("load")

Question

我在 sencha touch 1.1 版本中有这个代码，如何使它在版本 2 中工作？“负载”不起作用

html:

<img src="" id="previewImage"/>

代码：

this.domImage=Ext.get("previewImage");
this.domImage.on("load",function(){
    debugger; // not working
    a.sizePhotoInContainer();
    a.resizePhoto()
});

on() 已弃用：http ://docs.sencha.com/touch/2-0/#!/api/Ext.EventManager-method-on

谢谢！

Answer 1

load不是ST2中组件的属性。加载图像时将触发image它。event

因此，您需要在 Sencha Touch 2 中为组件listen的load事件。image

像这样做，

var img = Ext.create('Ext.Img', {
    src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png',
    height: 64,
    width: 64,
    listeners : {
        load : function {
          // ....
          // ....
          // ....
        }
    }
});

Answer 2

我对煎茶没有太多经验，但我认为它会是这样的......

// create image
var img = Ext.create('Ext.Img', {
    src: 'http://www.sencha.com/example.png'
});
// callback on load
img.load = function() {
}

或者

var img = Ext.create('Ext.Img', {
    src: 'http://www.sencha.com/example.png',
    load : function() {    }
});