/home/alan/gitlive/roojs1/Roo/bootstrap/MessageBar.js

X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=docs%2Fsrc%2FRoo_bootstrap_MessageBar.js.html;fp=docs%2Fsrc%2FRoo_bootstrap_MessageBar.js.html;h=fef384f9b1549b8a9fc14d865bf198def2fadbee;hb=9ff8ded6bbbd258ecd646184ba26020874e2c085;hp=0000000000000000000000000000000000000000;hpb=2542b67d1a0768025056f2f330bfe50b64d1ad38;p=roojs1 diff --git a/docs/src/Roo_bootstrap_MessageBar.js.html b/docs/src/Roo_bootstrap_MessageBar.js.html new file mode 100644 index 0000000000..fef384f9b1 --- /dev/null +++ b/docs/src/Roo_bootstrap_MessageBar.js.html @@ -0,0 +1,127 @@ +/home/alan/gitlive/roojs1/Roo/bootstrap/MessageBar.js

/*
+ * - LGPL
+ *
+ * element
+ * 
+ */
+
+/**
+ * @class Roo.bootstrap.MessageBar
+ * @extends Roo.bootstrap.Component
+ * Bootstrap MessageBar class
+ * @cfg {String} html contents of the MessageBar
+ * @cfg {String} weight (info | success | warning | danger) default info
+ * @cfg {String} beforeClass insert the bar before the given class
+ * @cfg {Boolean} closable (true | false) default false
+ * @cfg {Boolean} fixed (true | false) default false, fix the bar at the top
+ * 
+ * @constructor
+ * Create a new Element
+ * @param {Object} config The config object
+ */
+
+Roo.bootstrap.MessageBar = function(config){
+    Roo.bootstrap.MessageBar.superclass.constructor.call(this, config);
+};
+
+Roo.extend(Roo.bootstrap.MessageBar, Roo.bootstrap.Component,  {
+
+    html: '',
+    weight: 'info',
+    closable: false,
+    fixed: false,
+    beforeClass: 'bootstrap-sticky-wrap',
+
+    getAutoCreate : function(){
+
+        var cfg = {
+            tag: 'div',
+            cls: 'alert alert-dismissable alert-' + this.weight,
+            cn: [
+                {
+                    tag: 'span',
+                    cls: 'message',
+                    html: this.html || ''
+                }
+            ]
+        };
+
+        if(this.fixed){
+            cfg.cls += ' alert-messages-fixed';
+        }
+
+        if(this.closable){
+            cfg.cn.push({
+                tag: 'button',
+                cls: 'close',
+                html: 'x'
+            });
+        }
+
+        return cfg;
+    },
+
+    onRender : function(ct, position)
+    {
+        Roo.bootstrap.Component.superclass.onRender.call(this, ct, position);
+
+        if(!this.el){
+            var cfg = Roo.apply({},  this.getAutoCreate());
+            cfg.id = Roo.id();
+
+            if (this.cls) {
+                cfg.cls += ' ' + this.cls;
+            }
+            if (this.style) {
+                cfg.style = this.style;
+            }
+            this.el = Roo.get(document.body).createChild(cfg, Roo.select('.'+this.beforeClass, true).first());
+
+            this.el.setVisibilityMode(Roo.Element.DISPLAY);
+        }
+
+        this.el.select('>button.close').on('click', this.hide, this);
+
+    },
+
+    show : function()
+    {
+        if (!this.rendered) {
+            this.render();
+        }
+
+        this.el.show();
+
+        this.fireEvent('show', this);
+
+    },
+
+    hide : function()
+    {
+        if (!this.rendered) {
+            this.render();
+        }
+
+        this.el.hide();
+
+        this.fireEvent('hide', this);
+    },
+
+    update : function()
+    {
+//        var e = this.el.dom.firstChild;
+//        
+//        if(this.closable){
+//            e = e.nextSibling;
+//        }
+//        
+//        e.data = this.html || '';
+
+        this.el.select('>.message', true).first().dom.innerHTML = this.html || '';
+    }
+
+});
+
+
+
+

\ No newline at end of file