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);
});
