TextField.hide() doesn't hide the label

[john.pearl]

Add these along with your other configuration objects:

,onHide: function(){this.getEl().up('.x-form-item').setDisplayed(false);} 
,onShow: function(){this.getEl().up('.x-form-item').setDisplayed(true);}

.hide() and .show() will now affect the parent element.

[picofaradpjf]

thanks john, that was just the trick I needed!

[Grolubao]

Thanks john, that works perfectly!

[Trixor]

Thank You, solved an issue for me as well

[vvorobeychik]

I hit the same issue. I saw the solution of the problem. But the behaviour of the control is not an OOP aproach. The control as a whole has properties and method. If property exists it should affect the control as a whole object.
fieldlabel is a property of the control, hidden is another property of the same control, thus the hidden property should affect the whole control, not just a part of it.

[Condor]

I hit the same issue. I saw the solution of the problem. But the behaviour of the control is not an OOP aproach. The control as a whole has properties and method. If property exists it should affect the control as a whole object.
fieldlabel is a property of the control, hidden is another property of the same control, thus the hidden property should affect the whole control, not just a part of it.

That would seem logical, but Ext works a bit differently.

The fieldLabel is not actually created by the field but by the FormLayout. The Field itself has no knowledge of the form item wrapper or the field label.

In Ext 3.0.1 and up this has been fixed in FormLayout by adding a trackLabels config option. For earlier Ext versions you can use this patch.