BikeShed-1/app/components/users_and_profiles_border/javascripts/init_component.js

{
  initComponent: function(){
    // calling superclass's initComponent
    this.callParent();
    var stats = this.getComponent('user_stats');
    if (stats != undefined){
      stats.updateStats();
    }
    if( this.queryById('user_profiles')){
      this.queryById('user_profiles').disable();
    }
    if( this.queryById('user_logs')){
      this.queryById('user_logs').disable();
    }
    // setting the 'rowclick' event
    var view = this.getComponent('users').getView();
    view.on('itemclick', function(view, record){
      // The beauty of using Ext.Direct: calling 3 endpoints in a row, which results in a single call to the server!
      this.selectUser({user_id: record.get('id')});
      this.getComponent('user_profiles').getStore().load();
      this.getComponent('user_logs').getStore().load();

      if( this.queryById('user_profiles')){
        this.queryById('user_profiles').enable();
      }
      if( this.queryById('user_logs')){
        this.queryById('user_logs').enable();
      }
    }, this);
  }
}