ExtJS Panel Swap

test swap panels

JavaScript

Ext.onReady(function(){

	var Panel1 = Ext.create('Ext.form.Panel', {
        title: 'first',
        
    });

    var Panel2 = Ext.create('Ext.form.Panel', {
        title: 'second',
        
    });
    
    var mainPanel = Ext.create('Ext.panel.Panel', {
        title: 'main',
        items: [Panel1, Panel2]
    });
    
    new Ext.Window({
        width: 300,
        height: 400,
        layout: 'fit',
        items: [mainPanel],
        bbar: [{
            text: 'reorder',
            handler: function() {
                var swap = mainPanel.items.items[0];
                mainPanel.items.items[0] = mainPanel.items.items[1];
                mainPanel.items.items[1] = swap;
                //mainPanel.doLayout();
            }
        }]
    }).show();
});