Sencha의 패널에 아이콘 추가

Question

신생 sencha입니다. 패널에 아이콘을 추가하려고하는데 내 코드가 작동하지 않습니다.

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이 있다는 것을 알지 못했습니다.

이

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]); 
}; 
});