Sencha touch Ext.ux.Image:无法读取属性'；dom'；未定义的

我需要一个真正的

，我得到这个错误：无法读取未定义的属性“dom”
您的代码来自Ext.js4.x文档。您应该使用sencha touch 2文档。
请比较：

及


他们是不同的

据我所知，您需要在视图中使用real标记。如果您使用Ext.Img，它将创建一个带有背景图像的div容器。
我知道两种方法：

设置tpl和数据属性
Ext.create（'Ext.Component'{
配置：{
第三方物流：，
数据：{
网址：'http://example.com/pics/1.png',
imgClass:“我的班级”
}
}
});
设置html配置
Ext.create（'Ext.Component'{
配置：{
html:'
}
});我不知道你是从哪里得到这些代码的，但是为什么不改用Ext.Img类呢？这里的文档：运行这个提琴，例如：是的，我知道Ext.Img，但是我需要一个真正的Img节点，因为比率计算的性能。你发布的代码并不反映真正的图像节点。而且，它也不能与ST2一起工作，无论怎样，我都很难理解您想要的是什么“真实图像节点”。为什么不能使用容器组件并使图像适应容器的大小？你提到你是从官方文件中得到这个的，你能告诉我们你是从哪里得到这个的吗？我想他们用它作为例子，但它可能已经过时了（发布日期：201年4月26日/更新日期：2011年7月11日）。
Ext.define('Ext.ux.Image', {
    extend: 'Ext.Component', // subclass Ext.Component
    alias: 'widget.managedimage', // this component will have an xtype of 'managedimage'
    autoEl: {
        tag: 'img',
        src: Ext.BLANK_IMAGE_URL,
        cls: 'my-managed-image'
    },

    // Add custom processing to the onRender phase.
    // Add a ‘load’ listener to the element.
    onRender: function() {
        this.autoEl = Ext.apply({}, this.initialConfig, this.autoEl);
        this.callParent(arguments);
        this.el.on('load', this.onLoad, this);
    },

    onLoad: function() {
        this.fireEvent('load', this);
    },

    setSrc: function(src) {
        if (this.rendered) {
            this.el.dom.src = src;
        } else {
            this.src = src;
        }
    },

    getSrc: function(src) {
        return this.el.dom.src || this.src;
    }
});

Ext.create('Ext.Component', {
  config: {
    tpl: '',
    data: {
      url: 'http://example.com/pics/1.png',
      imgClass: 'my-class'
    }
  }
});
Ext.create('Ext.Component', {
    config: {
    html: ' <img class="my-class" src="http://example.com/pics/1.png">'
    }
});