gistfile1.js

Ext.define('MyContainer', {
    extend : 'Ext.Container',
    config : {
        layout : {
            type  : 'vbox',
            align : 'stretch'
        },
        items: {
            {
                xtype     : 'personlist',
                itemId    : 'list',
                flex      : .25,
                height    : 300,
                style     : 'border-right: 1px solid #999',
                listeners : {
                    select : 'onListSelect'
                }
            },
            {
                xtype  : 'persondetail',
                itemId : 'detail',
                flex   : 1
            }
        }
    },

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