如何在自定義視圖班製作圈子？

Question

我想在我的自定義視圖類中使用Sencha的Ext.draw.Component繪製一個圓，但它沒有顯示任何圓。我粘貼了代碼以供參考。

我也嘗試在我的Main類中定義類型組件的變量，但是這樣做時編譯器給出了一個錯誤，指出類型組件是未知的。

//主類

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

嘗試修改您的項目在GSO.view.Main

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' 
    }] 
}] 

圓代碼應添加作爲項到的xtype =繪製塊。