Ext.Loader.setConfig({
enabled: false
});
// app/view/Main.js
Ext.define('App.view.Main', {
extend: 'Ext.Container',
xtype: 'main',
config: {
layout: 'fit',
items: [{
xtype: 'draw',
sprites: [{
type: 'circle',
fill: 'red',
radius: 30,
x: 30,
y: 30
}, {
type: 'circle',
fill: 'blue',
radius: 30,
x: 50,
y: 60,
zIndex: 3
}, {
type: 'circle',
fill: 'yellow',
radius: 30,
x: 70,
y: 30
}]
}]
}
});
// app.js
Ext.application({
name: 'App',
requires: ['App.view.Main'],
launch: function() {
Ext.Viewport.add({
xtype: 'main'
});
}
});
External resources loaded into this fiddle: