Ext.draw.Component extension

[Mycoding]

Please help me to do very simple extention on base of Ext.draw.Component

I try to do this but it doesn't work


Ext.define('Ext.testcircle',{
alias: 'widget.testcircle',
extend: 'Ext.draw.Component',
requires:[
'Ext.draw.*'
],
constructor:function(config){
Ext.applyIf(config,{
items:[{
type: 'circle',
fill: '#79BB3F',
radius: 100,
x: 100,
y: 100
}]
});
this.callParent([config]);
}
});


Ext.create('Ext.Window', {
width: 215,
height: 235,
layout: 'fit',
items: [new Ext.testcircle()]
}).show();

[skirtle]

constructor: function(config) {
config = config || {};

[Mycoding]

up

[skirtle]

I tried the code you posted and it worked fine if I just added in the line I suggested. Without that line it explodes because config is undefined.

What exactly happens when you try it? Are you seeing any error messages?

[Mycoding]

Here is errors
Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null ext-all-debug-w-comments.js:10908

I use ExtJS 4.0.2a

I should to write this error from the begining.

[skirtle]

You need to move the Ext.create() call inside an Ext.onReady().