form表单中更换TextField的标签

最近做一个Ext表单,表单元素全部是动态生成的。
现在只能够得到触发事件button和form表单。要求实现把TextField的标签由'表中文名称'-->'图中文名称',
我写了一个小例子,可是实现不了,具体代码如下:
Ext.onReady(function(){
var visable = new Ext.form.TextField({
fieldLabel: '表中文名称',
labelWidth:100,
name: '表中文名称',
value :'abc'
});
var hidder = new Ext.form.Hidden({
fieldLabel: '图中文名称',
labelWidth:100,
name: '图中文名称'
});

var form = new Ext.form.FormPanel({
labelAlign: 'right',
title: 'form',
frame:true,
width: 300,
items: [visable],

buttons: [{
text: '图表转换',
handler: function() {
visable.fieldLabel = '图中文名称';

        alert("实现表中文名称-->图中文名称的转换");
    }
}]

});
form.render("form");

});
我的目标写出来了,但是没有实现。使用隐藏域也没有实现。

[b]问题补充:[/b]
大家好,谢谢大家的支持,我参考了大家的意见后写出了一个例子。还可以的。

[url]http://www.iteye.com/problems/13538[/url]

这个问题我以前回答过,处理起来相对繁杂一点。没有提供直接的方法来调用

var visable = new Ext.form.TextField({
[color=red]id:'tableCNNameID',//加一个ID[/color]
fieldLabel: '表中文名称',
labelWidth:100,
name: '表中文名称',
value :'abc'
});

buttons: [{
text: '图表转换',
handler: function() {
[color=red]var visableName= Ext.getCmp("tableCNNameID");
visableName.fieldLabel = '图中文名称';[/color]
alert("实现表中文名称-->图中文名称的转换");
}
}]
});

这样就可以了啊!