Ext.ns('ES');

ES.waterCounterForm = Ext.extend(Ext.FormPanel,{
  frame:true,
  border:true,
  labelWidth:150
  //,autoload:null
  ,buttons: [{text: 'Sauver'}]
  ,initComponent:function() {
     var config = {
       layout:'form'
      ,buttonAlign:'right'
      ,frame:false
      ,border:true
      //,bodyStyle:'padding:10px'
      ,items:[{
         title:'Compteur eau : '
        ,layout:'form'
        ,xtype:'fieldset'
        ,border:false
        ,autoHeight:true
        ,defaultType:'textfield'
        ,bodyStyle:'padding:4px'
        ,items:[{
            xtype:'TextField1'
            //,id:'FolderNameField'
            ,name:'watercountername'
            ,fieldLabel:'Nom du compteur eau'
            ,allowBlank:false
           },{
             name:'tree_node_id'
            ,fieldLabel:'Tree Node id'
            ,hidden: true
            ,hideLabel: true
           }]
        }]
    };
     // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    ES.waterCounterForm.superclass.initComponent.call(this);
  } // end of function initComponent
  ,onRender:function() {
    // call parent
    ES.waterCounterForm.superclass.onRender.apply(this, arguments);
  } // eo function onRender
  ,isValid:function (){
    return(this.getField('watercountername').isValid());
  }
  ,getField:function(fieldName){
    return this.getForm().findField(fieldName);
  }
  ,setField:function(fieldName,value){
    this.getField(fieldName).setValue(value);
  }
});

Ext.reg('ESwatercounterform', ES.waterCounterForm);