Jópofa ötlet volt ez a form layout. Teljesen felesleges lenne minden egyes input mező mellé létrehozni egy label objektumot. Sokkal kényelmesebb, ha azt mondom, hogy az input mező egy tulajdonsága a címkéje és a konténer tulajdonsága, hogy hogyan jeleníti meg a beviteli mezők mellett (felett) a címkéket. Ám mégis kicsit szépséghibás, hogy a létrehozást segíti a rendszer, ám a további használat már nincsen megoldva… mosolyra deríti az embert, amikor az input mezőt el akarjuk tüntetni és a címkéje ott marad. Emellett szükségünk lehet futás közben a címke átírására is:
Ext.override(Ext.form.Field, {
setFieldLabel: function(text) {
this.fieldLabel = text;
this.container.up('div.x-form-item')
.child('label.x-form-item-label').update(text + ':');
},
hideWithLabel: function() {
this.hide();
this.container.up('div.x-form-item')
.hide().setStyle('display','none');
},
showWithLabel: function() {
this.show();
this.container.up('div.x-form-item')
.show().setStyle('display','block');
}
});
setFieldLabel: function(text) {
this.fieldLabel = text;
this.container.up('div.x-form-item')
.child('label.x-form-item-label').update(text + ':');
},
hideWithLabel: function() {
this.hide();
this.container.up('div.x-form-item')
.hide().setStyle('display','none');
},
showWithLabel: function() {
this.show();
this.container.up('div.x-form-item')
.show().setStyle('display','block');
}
});
