* Creates a new Display Field item.
* @param {Object} config Configuration options
*/
-Roo.form.DisplayText = function(config){
- Roo.form.DisplayText.superclass.constructor.call(this, config);
+Roo.form.DisplayField = function(config){
+ Roo.form.DisplayField.superclass.constructor.call(this, config);
};
-Roo.extend(Roo.form.DisplayText, Roo.form.TextField, {
- fieldLabel: '',
+Roo.extend(Roo.form.DisplayField, Roo.form.TextField, {
inputType: 'hidden',
- // width: 50,
allowBlank: true,
- labelSeparator: '',
- hidden: true,
+ readOnly: true,
-
-
+ /**
+ * @cfg {String} focusClass The CSS class to use when the checkbox receives focus (defaults to undefined)
+ */
+ focusClass : undefined,
+ /**
+ * @cfg {String} fieldClass The default CSS class for the checkbox (defaults to "x-form-field")
+ */
+ fieldClass: 'x-form-field',
/**
* @cfg {Function} valueRenderer The renderer for the field (so you can reformat output). should return raw HTML
*/
- valueRenderer: false,
+ valueRenderer: undefined,
- // width: 100,
+ width: 100,
/**
* @cfg {String/Object} autoCreate A DomHelper element spec, or true for a default element spec (defaults to
* {tag: "input", type: "checkbox", autocomplete: "off"})
*/
- /*
- defaultAutoCreate : { tag: 'input', type: 'hidden', autocomplete: 'off'},
+
+ // defaultAutoCreate : { tag: 'input', type: 'hidden', autocomplete: 'off'},
onResize : function(){
Roo.form.DisplayField.superclass.onResize.apply(this, arguments);
// private
onRender : function(ct, position){
+
Roo.form.DisplayField.superclass.onRender.call(this, ct, position);
//if(this.inputValue !== undefined){
-
-
this.wrap = this.el.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);
this.setValue(this.value);
},
- */
/*
// private
initValue : Roo.emptyFn,
*/
// private
-
- // onClick : function(){
- //
- //},
+ onClick : function(){
+
+ },
/**
* Sets the checked state of the checkbox.
* @param {Boolean/String} checked True, 'true', '1', or 'on' to check the checkbox, any other value will uncheck it.
*/
- /*
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);
}
- */
});
\ No newline at end of file