Fix #6696 - Document Browse

[roojs1] / Roo / bootstrap / Element.js

diff --git a/Roo/bootstrap/Element.js b/Roo/bootstrap/Element.js
index 559aa08..bd6151e 100644 (file)
--- a/Roo/bootstrap/Element.js
+++ b/Roo/bootstrap/Element.js
@@ -1,23 +1,42 @@
 /*
  * - LGPL
  *
- * column
+ * element
  * 
  */
 
 /**
- * @class Roo.bootstrap.Column
+ * @class Roo.bootstrap.Element
  * @extends Roo.bootstrap.Component
- * Bootstrap Column class
- * @cfg {number} colspan  Number of columsn to span
+ * Bootstrap Element class
+ * @cfg {String} html contents of the element
+ * @cfg {String} tag tag of the element
+ * @cfg {String} cls class of the element
+ * @cfg {Boolean} preventDefault (true|false) default false
+ * @cfg {Boolean} clickable (true|false) default false
+ * @cfg {String} role default blank - set to button to force cursor pointer
+ 
  * 
  * @constructor
- * Create a new Column
+ * Create a new Element
  * @param {Object} config The config object
  */
 
 Roo.bootstrap.Element = function(config){
     Roo.bootstrap.Element.superclass.constructor.call(this, config);
+    
+    this.addEvents({
+        // raw events
+        /**
+         * @event click
+         * When a element is chick
+         * @param {Roo.bootstrap.Element} this
+         * @param {Roo.EventObject} e
+         */
+        "click" : true 
+        
+      
+    });
 };
 
 Roo.extend(Roo.bootstrap.Element, Roo.bootstrap.Component,  {
@@ -25,19 +44,58 @@ Roo.extend(Roo.bootstrap.Element, Roo.bootstrap.Component,  {
     tag: 'div',
     cls: '',
     html: '',
-    
-    
+    preventDefault: false, 
+    clickable: false,
+    tapedTwice : false,
+    role : false,
     
     getAutoCreate : function(){
-        var cfg = Roo.apply({}, Roo.bootstrap.Element.superclass.getAutoCreate.call(this));
-       
-       cfg = {
-           tag: this.tag,
-           cls: '',
+        
+        var cfg = {
+            tag: this.tag,
+            // cls: this.cls, double assign in parent class Component.js :: onRender
             html: this.html
-       }
-       
+        };
+        if (this.role !== false) {
+            cfg.role = this.role;
+        }
+        
         return cfg;
+    },
+    
+    initEvents: function() 
+    {
+        Roo.bootstrap.Element.superclass.initEvents.call(this);
+        
+        if(this.clickable){
+            this.el.on('click', this.onClick, this);
+        }
+        
+        
+    },
+    
+    onClick : function(e)
+    {
+        if(this.preventDefault){
+            e.preventDefault();
+        }
+        
+        this.fireEvent('click', this, e); // why was this double click before?
+    },
+    
+    
+    
+
+    
+    
+    getValue : function()
+    {
+        return this.el.dom.innerHTML;
+    },
+    
+    setValue : function(value)
+    {
+        this.el.dom.innerHTML = value;
     }
    
 });