};
Roo.extend(Roo.form.DisplayField, Roo.form.TextField, {
- fieldLabel: '',
inputType: 'hidden',
- width: 50,
allowBlank: true,
- labelSeparator: '',
- hidden: true,
+ readOnly: true,
/**
// private
onRender : function(ct, position){
- console.log('DisplayField onRender');
+
Roo.form.DisplayField.superclass.onRender.call(this, ct, position);
//if(this.inputValue !== undefined){
-
-
this.wrap = this.el.wrap();
- console.log(this.wrap);
- this.viewEl = this.wrap.createChild({ tag: 'div'});
+
+ this.viewEl = this.wrap.createChild({ tag: 'div', cls: 'x-form-displayfield'});
if (this.bodyStyle) {
this.viewEl.applyStyles(this.bodyStyle);
setValue : function(v){
this.value = v;
var html = this.valueRenderer ? this.valueRenderer(v) : String.format('{0}', v);
+ // this might be called before we have a dom element..
+ if (!this.viewEl) {
+ return;
+ }
this.viewEl.dom.innerHTML = html;
Roo.form.DisplayField.superclass.setValue.call(this, v);