Как создать круг в настраиваемом классе вида?

Question

Я пытаюсь нарисовать круг, используя Senda's Ext.draw.Component в моем настраиваемом классе вида, но в нем нет никакого круга. Я вставил код для справки.

Я также попытался определить переменную компонента типа в моем основном классе, но при этом компилятор дал ошибку, указав, что компонент типа неизвестен.

// Главный класс

Ext.define('GS0.view.Main', { 
    extend: 'Ext.tab.Panel', 
    xtype: 'main', 
    requires: [ 
     'Ext.TitleBar', 
     'Ext.Video', 
     'Ext.Carousel', 
     'Ext.Container', 
     'Ext.draw.Component', 
     'Ext.Img' 
    ], 
    config: { 
     tabBarPosition: 'bottom', 

     items: [ 
      { 
       iconCls: 'home', 
       xtype: 'carousel', 
       ui  : 'dark', 
       direction: 'horizontal', 

       items: [ 
        { 
         xtype: 'draw', 
         type: 'circle', 
         radius: 50, 
         x: 100, 
         y: 100, 
         fill: '#2d2d2d' 
        }, 
        { 
         xtype: 'img', 
         src: 'images/nm.jpg' 
        } 
       ] 
      } 
     ] 
    } 
}); 


// Circle Class 
Ext.define('GS0.view.CC', { 
    extend: 'Ext.draw.Component', 
    xtype: 'cc', 

    config: { 
     type: 'circle', 
     cx: 100, 
     cy: 100, 
     r: 25, 
     fillStyle: 'blue' 
    } 
}); 

Answer 1

Попробуйте изменить вам в коде элементов

items: [{ 
    iconCls: 'home', 
    xtype: 'carousel', 
    ui  : 'dark', 
    direction: 'horizontal', 
    items: [{ 
     xtype: 'draw', 
     items:[{ 
      type: 'circle', 
      fill: '#79BB3F', 
      radius: 100, 
      x: 100, 
      y: 100 
     }] 
    },{ 
     xtype: 'img', 
     src: 'images/nm.jpg' 
    }] 
}] 

Круг GSO.view.Main должен быть добавлен в качестве элемента к xtype = рисовать блок.