initComponent best practise

by molecule

HTML

<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.1.0-gpl/resources/css/ext-all.css">

JavaScript

Ext.define('MyPanel', {
    extend: 'Ext.panel.Panel',
    width: 200,
    height: 200,
    dockedItems: [Ext.create('Ext.toolbar.Toolbar', {
        dock: 'top',
        items: [{
            text: 'Docked to the top'
        }]
    })]
                                  });

var panel1 = Ext.create('MyPanel', {html: 'panel1', renderTo: Ext.getBody() });

var panel2 = Ext.create('MyPanel', {html: 'panel2', renderTo: Ext.getBody() });