Ext.ns('ES');

ES.waterCenterPanel = Ext.extend(Ext.Panel,{
  layout: 'column'
   ,defaults: {
        columnWidth: 1,
        style: {
          padding: '10px'
        }
    }
   ,bodyStyle: 'padding:5px'
   ,initComponent:function() {
    // hard coded config - cannot be changed from outside
    var config = {
      items:[{
        xtype:'ESwatercounterinfos'
        ,hidden:true
      },{
        xtype:'ESwatercounterentriesgrid'
        ,hidden:true
        ,height:340
      }]
    };
     // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    ES.waterCenterPanel.superclass.initComponent.call(this);

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

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

  } // eo function onRender

});

Ext.reg('ESwatercenterpanel', ES.waterCenterPanel);