Roo/form/ComboBoxArray.js

[roojs1] / Roo / form / DisplayField.js

diff --git a/Roo/form/DisplayField.js b/Roo/form/DisplayField.js
index 63cab48..8b77ac0 100644 (file)
--- a/Roo/form/DisplayField.js
+++ b/Roo/form/DisplayField.js
@@ -16,37 +16,38 @@
  * 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,
-    itemCls :       'x-form-item-display-none'
-
-
-}); 
+    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);
@@ -70,12 +71,12 @@ Roo.extend(Roo.form.DisplayText, Roo.form.TextField, {
 
     // 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);
@@ -85,7 +86,6 @@ Roo.extend(Roo.form.DisplayText, Roo.form.TextField, {
         this.setValue(this.value);
         
     },
-    */
 /*
     // private
     initValue : Roo.emptyFn,
@@ -93,22 +93,23 @@ Roo.extend(Roo.form.DisplayText, Roo.form.TextField, {
   */
 
        // 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
+});
\ No newline at end of file