Ext TextField的Label 和隐藏组件

Ext.onReady(function(){
		var TextVisable = new Ext.form.TextField({
				    fieldLabel: '表中文名称',
		            labelWidth:100,
		            name: '表中文名称',
		            value :'abc'
				});
		function hideText_1()
		{
			//1
			 TextVisable.el.parent().parent().hide();
			//2 TextVisable.el.dom.parentNode.parentNode.style.display = 'none';
		}
		function hideText_2()
		{
			//1 TextVisable.el.parent().parent().first().dom.innerHTML = '图中文名称'
			//2
			TextVisable.el.dom.parentNode.parentNode.firstChild.innerHTML= '图中文名称 :'
		}
		/*****************做一个日期更新框*******************************/
		var date_1 = new  Ext.form.DateField({
				 fieldLabel: '最后更新日期',
				 labelWidth:100,
				 width:140,
				 name: '最后更新日期'		
		});
		function hideText_3()
		{
			//1
			 date_1.el.parent().parent().parent().hide();
			//2 TextVisable.el.dom.parentNode.parentNode.parentNode.style.display = 'none';
		}
		function hideText_4()
		{
			//1 TextVisable.el.parent().parent().parent().first().dom.innerHTML = '更改日期 :'
			//2
			date_1.el.dom.parentNode.parentNode.parentNode.firstChild.innerHTML= '更改日期 :'
		}
		/*****************做一个日期更新框*******************************/
		var form = new Ext.form.FormPanel({
				        labelAlign: 'right',
				        title: 'form',
				        frame:true,
				        width: 300,
				        labelSeparator : ':',
				        items: [TextVisable,date_1],
				        tbar :['-',new Ext.Button({
								    text: "隐藏DateField",
									handler: hideText_3
							    }),'-',new Ext.Button({
								    text: "更改DateField的label",
									handler: hideText_4
							    }),'-'],
				        buttons: [new Ext.Button({
								    text: "隐藏TextField",
									handler: hideText_1
							    }),new Ext.Button({
								    text: "更改TextField的label",
									handler: hideText_2
							    })]
				    });
		form.render(document.body);
	});