examples/bootstrap/modal.js

[roojs1] / examples / bootstrap / modal.js

diff --git a/examples/bootstrap/modal.js b/examples/bootstrap/modal.js
index fe23fb8..54bfaa5 100644 (file)
--- a/examples/bootstrap/modal.js
+++ b/examples/bootstrap/modal.js
@@ -7,27 +7,34 @@
 
 Roo.example = Roo.example || {};
 
-Roo.example.modal = new Roo.XComponent({
-    part     :  ["layout","modal"],
-    order    : '001-modal',
-    region   : '',
-    parent   : '#bootstrap',
-    name     : "unnamed module",
-    disabled : false, 
-    permname : '', 
-    _tree : function()
-    {
-        this.parent = {
-            el : new Roo.bootstrap.Body()
-        }
-        this.parent.el.layout = false;
-        this.parent.el.render(document.body);
-        
+Roo.example.modal= function() {}
+Roo.apply(Roo.example.modal, {
+ dialog : false,
+ callback:  false,
+
+ show : function(data, cb)
+ {
+  if (!this.dialog) {
+   this.create();
+  }
+
+  this.callback = cb;
+  this.data = data;
+  this.dialog.show(this.data._el);
+  if (this.form) {
+   this.form.reset();
+   this.form.setValues(data);
+   this.form.fireEvent('actioncomplete', this.form,  { type: 'setdata', data: data });
+  }
+
+ },
+
+ create : function()
+ {
+     
         var _this = this;
-        var MODULE = this;
-        var baseURL = '/web.eventmanager/admin.php';
-        
-        return {
+            
+        this.dialog = Roo.factory({
             xtype: 'Modal',
             xns: Roo.bootstrap,
             title : "Login",
@@ -45,22 +52,7 @@ Roo.example.modal = new Roo.XComponent({
                 }
             },
             items : [
-                {
-                    xtype: 'Container',
-                    xns: Roo.bootstrap,
-                    items : [
-                        {
-                            xtype: 'Img',
-                            xns: Roo.bootstrap,
-                            src : 'http://www.lifestylecareers.com.au/plugins/p10_mi_loginpanel/log-in-linkedin-small.png',
-                            listeners : {
-                                click : function (e) {
-                                    _this.loginModal.hide();
-                                }
-                            }
-                        }
-                    ]
-                },
+                
                 {
                     xtype: 'Container',
                     xns: Roo.bootstrap,
@@ -96,6 +88,6 @@ Roo.example.modal = new Roo.XComponent({
                     ]
                 }
             ]
-        };
+        });
     }
 });
\ No newline at end of file