roojs-bootstrap.js
[roojs1] / Roo / bootstrap / layout / Border.js
index 7e4ae57..8fe909c 100644 (file)
@@ -11,6 +11,7 @@
 /**
  * @class Roo.bootstrap.layout.Border
  * @extends Roo.bootstrap.layout.Manager
+ * @builder-top
  * This class represents a common layout manager used in desktop applications. For screenshots and more details,
  * please see: examples/bootstrap/nested.html<br><br>
  
@@ -25,9 +26,10 @@ the container size if it is not the body element.</b>
  */
 Roo.bootstrap.layout.Border = function(config){
     config = config || {};
-    
     Roo.bootstrap.layout.Border.superclass.constructor.call(this, config);
     
+    
+    
     Roo.each(Roo.bootstrap.layout.Border.regions, function(region) {
         if(config[region]){
             config[region].region = region;
@@ -37,9 +39,12 @@ Roo.bootstrap.layout.Border = function(config){
     
 };
 
-Roo.bootstrap.layout.Border.regions =  ["north","south","east","west","center"];
+Roo.bootstrap.layout.Border.regions =  ["center", "north","south","east","west"];
 
 Roo.extend(Roo.bootstrap.layout.Border, Roo.bootstrap.layout.Manager, {
+    
+    parent : false, // this might point to a 'nest' or a ???
+    
     /**
      * Creates and adds a new region if it doesn't already exist.
      * @param {String} target The target region key (north, south, east, west or center).
@@ -56,8 +61,7 @@ Roo.extend(Roo.bootstrap.layout.Border, Roo.bootstrap.layout.Manager, {
     },
 
     // private (kinda)
-    bindRegion : function(r)
-    {
+    bindRegion : function(r){
         this.regions[r.config.region] = r;
         
         r.on("visibilitychange",    this.layout, this);
@@ -74,8 +78,6 @@ Roo.extend(Roo.bootstrap.layout.Border, Roo.bootstrap.layout.Manager, {
      */
     layout : function()
     {
-        Roo.log('calling layout!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!');
-        Roo.log(this);
         if(this.updating) {
             return;
         }
@@ -297,13 +299,18 @@ layout.addxtype({
             delete cfg.items;
         }
         var nb = false;
+       
+       if ( region == 'center') {
+           Roo.log("Center: " + cfg.title);
+       }
+       
         
         switch(cfg.xtype) 
         {
             case 'Content':  // ContentPanel (el, cfg)
             case 'Scroll':  // ContentPanel (el, cfg)
             case 'View': 
-                cfg.autoCreate = true;
+                cfg.autoCreate = cfg.autoCreate || true;
                 ret = new cfg.xns[cfg.xtype](cfg); // new panel!!!!!
                 //} else {
                 //    var el = this.el.createChild();
@@ -442,6 +449,7 @@ layout.addxtype({
         
     },
     
+    
 // private
     factory : function(cfg)
     {
@@ -452,7 +460,7 @@ layout.addxtype({
         cfg.mgr = this;
         
         var r = Roo.bootstrap.layout;
-        
+        Roo.log(target);
         switch(target){
             case "north":
                 return new r.North(cfg);