gistfile1.txt

Ext.define('MyApp.MainContainer', {
    extend : 'Ext.Container',
    requires : [
        'MyApp.PersonList',
        'MyApp.PersonDetail'
    ],
    config : {
        layout : {
            type  : 'hbox',
            align : 'stretch'
        }
    },
    initialize : function() {
        this.add([
            {
                xtype     : 'personlist',
                itemId    : 'list',
                flex      : .25,
                height    : 300,
                style     : 'border-right: 1px solid #999',
                listeners : {
                    scope  : this,
                    select : this.onListSelect
                }
            },
            {
                xtype  : 'persondetail',
                itemId : 'detail',
                flex   : 1
            }
        ]);

        this.callParent();
    },
    onListSelect : function(list, record) {
        this.getComponent('detail').loadRecord(record);
    }
});