Ext.ns('ES');

ES.waterLeftPanel = Ext.extend(Ext.Panel,{
  layout: 'column'
  ,title: 'Liste des compteurs eau'
  ,defaults: {
    columnWidth: 1,
    style: {
      padding: '10 0 0 0'
    }
  }
  //,bodyStyle: 'padding:5px'
  ,initComponent:function() {
    // hard coded config - cannot be changed from outside
    var config = {
      items:[{
        xtype:'ESwatercountergrid',
        height:804,
        width:250
      }]
    };
     // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    ES.waterLeftPanel.superclass.initComponent.call(this);

  } // end of function initComponent
  ,onRender:function() {
    // call parent
    ES.waterLeftPanel.superclass.onRender.apply(this, arguments);

    // after parent code, e.g. install event handlers on rendered components

  } // eo function onRender

});

Ext.reg('ESwaterleftpanel', ES.waterLeftPanel);