How to hide a textfield

[sebarbraz]

Hi,
I have a textfield in a panel :

xtype: 'textfield',
fieldLabel: 'Research',
id: 'searchedValue'

I would like to hide this textfield so I do something like that :

Ext.getCmp('searchedValue').hide();

-> The field is not visible any more but the label is still visible ("Research") !

How could I hide this label ?

Thank you...

[sheddy]

labelStyle:'display:none'

[sheddy]

or: hidden:true

[Evolic]

See at two config options of Class Ext.form.TextField

• inputType : String
  

  The type attribute for input fields -- e.g. radio, text, password, file (defaults to "text"). The types "file" and "password" must be used to render those field types currently -- there are no separate Ext components for those. Note that if you use inputType:'file', emptyText is not supported and should be avoided.

• hideLabel : Boolean
  

  True to completely hide the label element (defaults to false)

I'm sure one of them will be helpful for you.

[sebarbraz]

The problem is that I want the label being visible when the field is visible and hide the label just when I hide the field (by clicking a button for exemple).

I also tried :

Ext.getCmp('searchedValue').destroy()

but I have the same problem : the label is still visible !

[Darklight]

what i did when i wanted to hide the whole field (label & input) was to get the field via Ext.get() and then move up the dom to the 2nd parent of the field (the div that contains both):

Ext.get( FormField ).parent().parent().setStyle( 'display', 'none' );

maybe there's a better way, but this always worked for me, since i wanted the dom block "removed" so elements below it move up... if you want to show it again just set display back to 'block'