Ext.ns('energywater');

energywater.leftPanel = Ext.extend(Ext.Panel,{
  layout: 'column'
  ,title: 'Liste des compteurs'
  ,headerCfg:{cls:'x-panel-header-em2'}
  ,bodyCfg: {cls:'x-panel-body-em' }
  ,border: false
  ,initComponent:function() {
    // hard coded config - cannot be changed from outside
    var config = {
      items:[{
        xtype:'energywatercountergrid',
        height:473,
        width:278
      }]
    };
     // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    energywater.leftPanel.superclass.initComponent.call(this);
  } // end of function initComponent
  ,onRender:function() {
    // call parent
    energywater.leftPanel.superclass.onRender.apply(this, arguments);
    // after parent code, e.g. install event handlers on rendered components
  } // eo function onRender
});

Ext.reg('energywaterleftpanel', energywater.leftPanel);