ocultar campo em ext form

[ferrt]

Bom dia pessoal do fórum,

Tenho um problema que estou tentando solucionar. Seguinte to mechento em um form e sou bem leigo em ext js então tenho o seguinte pedaço do codigo:

<ext:CompositeField ID="CompositeField6" runat="server" >
	<Items>                                                               
		<ext:CheckBox ID="HabilitacaoCheckBox" runat="server" BoxLabel="Habilitação de usuário pelo site" Checked="true" />                                                              
	</Items>
</ext:CompositeField>   
<ext:CompositeField ID="CompositeField2" runat="server"  FieldLabel="Prazo Habilitação" MsgTarget="Side">
	<Items>                                                              
		<ext:SpinnerField 
			ID="PrazoHabilitacao" 
			runat="server"                                                            
			MinValue="0"
			MaxValue="24"
			AllowDecimals="false"
			DecimalPrecision="1"
			IncrementValue="1"
			Accelerate="true"                                                
			AlternateIncrementValue="3"                                                           
			Width="50"
			MsgTarget="Side"                                                
			AllowBlank="false"> 
	   </ext:SpinnerField>
		<ext:DisplayField ID="DisplayField2" runat="server" Text="Hora(s) antes do Ínicio" />                                                                
	</Items>
</ext:CompositeField> 

Gostaria acho que é o caso da criação de uma function no javascript para que quando minha checkbox estiver marcada ele habilite o SpinnerField e quando não ele não o deixe visivel ou apenas desabilitato. Se souberem de algum material para me ajudar como eu prossigo com isso que estou meio perdido aqui rs. Obrigado.