icons - Sencha のパネルにアイコンを追加する

Question

私は煎茶が初めてです。パネルにアイコンを追加しようとしていますが、コードが機能しません。

   Ext.define('components.ImagePanel', {
    extend: 'Ext.Panel',    
    initialize: function () {
        this.callParent(arguments);
        var image = {
            xtype: "image",
            src: 'icon.png',
            width:100,
            height:100
                }, 
            scope: this
        };
 this.add([image]);
});

私が間違っていることは何ですか？

Answer 1

うわー、画像 xtype があることさえ知りませんでした。

ともかく...

xtype を使用するには、次を使用して作成する必要があります。Ext.widget();

したがって、コードは次のようになります。

Ext.define('components.ImagePanel', {
extend: 'Ext.Panel',    
initialize: function () {
    this.callParent(arguments);
    var image = Ext.widget('image',{
        xtype: "image",
        src: 'icon.png',
        width:100,
        height:100
    });
    this.add([image]);
};
});