如何动态更改 extJs3 中的 fieldLabel
How to dynamically change a fieldLabel in extJs3
表单字段似乎没有 fieldLabel
的更新方法,只能设置为构造函数 属性。
{
xtype: 'textfield',
fieldLabel: 'Field Label Text',
width: 465,
name: 'field_1',
id: 'field_1',
labelSeparator: '',
allowBlank: false,
value: ''
}
我已经通过以下方式更改了它:
var field = Ext.getCmp("field_1");
field.el.parent().parent().dom.children[0].innerHTML = "new Label"
但感觉有点乱。
是否有更改标签的正确方法?
注意:我知道extJs3已经很古老了,但是我现在做的项目还在用这个版本。
只需覆盖字段 class 以添加如下所示的 setFieldLabel 方法,然后使用
fieldObj.setFieldLabel('New Label');
应用程序中的任何位置。
Ext.override(Ext.form.Field, {
setFieldLabel : function(text) {
if (this.rendered) {
this.el.up('.x-form-item', 10, true).child('.x-form-item-label').update(text);
}
this.fieldLabel = text;
}
});
干杯!
表单字段似乎没有 fieldLabel
的更新方法,只能设置为构造函数 属性。
{
xtype: 'textfield',
fieldLabel: 'Field Label Text',
width: 465,
name: 'field_1',
id: 'field_1',
labelSeparator: '',
allowBlank: false,
value: ''
}
我已经通过以下方式更改了它:
var field = Ext.getCmp("field_1");
field.el.parent().parent().dom.children[0].innerHTML = "new Label"
但感觉有点乱。
是否有更改标签的正确方法?
注意:我知道extJs3已经很古老了,但是我现在做的项目还在用这个版本。
只需覆盖字段 class 以添加如下所示的 setFieldLabel 方法,然后使用
fieldObj.setFieldLabel('New Label');
应用程序中的任何位置。
Ext.override(Ext.form.Field, {
setFieldLabel : function(text) {
if (this.rendered) {
this.el.up('.x-form-item', 10, true).child('.x-form-item-label').update(text);
}
this.fieldLabel = text;
}
});
干杯!