examples/bootstrap/dashboard4.bjs

examples/bootstrap/dashboard4.js

diff --git a/examples/bootstrap/dashboard4.bjs b/examples/bootstrap/dashboard4.bjs
index a56528c..7107221 100644 (file)
--- a/examples/bootstrap/dashboard4.bjs
+++ b/examples/bootstrap/dashboard4.bjs
@@ -6,7 +6,11 @@
  "permname" : "",
  "modOrder" : "001",
  "strings" : {
-  "30bd2ce65d1e43e9c498b7d5d49f3b78" : "Dashboard <small>  Example Control panel </small>"
+  "30bd2ce65d1e43e9c498b7d5d49f3b78" : "Dashboard <small>  Example Control panel </small>",
+  "70ce2e7a27cab2a670ca954f8362e19f" : "tab 2 content",
+  "c4f5a294a273c3a1c97642a76f15c5c7" : "tab 1",
+  "9a7b64c98b066602b21f869ae7cd673a" : "test 1",
+  "58a00f6a3da23fc3821f24115493b750" : "tab 2"
  },
  "items" : [
   {
@@ -52,6 +56,63 @@
            "String html" : "Dashboard <small>  Example Control panel </small>"
           }
          ]
+        },
+        {
+         "String tag" : "section",
+         "String cls" : "content",
+         "xtype" : "Container",
+         "$ xns" : "Roo.bootstrap",
+         "items" : [
+          {
+           "xtype" : "Row",
+           "$ xns" : "Roo.bootstrap",
+           "items" : [
+            {
+             "Number md" : 6,
+             "Number lg" : 6,
+             "xtype" : "Column",
+             "$ xns" : "Roo.bootstrap",
+             "String style" : "",
+             "Number sm" : 12,
+             "items" : [
+              {
+               "listeners" : {
+                "render" : "function (_self)\n{\n    _this.testbox = _self;\n}"
+               },
+               "xtype" : "TabBox",
+               "$ xns" : "Roo.bootstrap.dash",
+               "String title" : "test 1",
+               "items" : [
+                {
+                 "xtype" : "TabPane",
+                 "$ xns" : "Roo.bootstrap.dash",
+                 "string title" : "tab 1",
+                 "items" : [
+                  {
+                   "xtype" : "Column",
+                   "$ xns" : "Roo.bootstrap"
+                  }
+                 ]
+                },
+                {
+                 "xtype" : "TabPane",
+                 "$ xns" : "Roo.bootstrap.dash",
+                 "string title" : "tab 2",
+                 "items" : [
+                  {
+                   "xtype" : "Column",
+                   "$ xns" : "Roo.bootstrap",
+                   "String html" : "tab 2 content"
+                  }
+                 ]
+                }
+               ]
+              }
+             ]
+            }
+           ]
+          }
+         ]
         }
        ]
       }

diff --git a/examples/bootstrap/dashboard4.js b/examples/bootstrap/dashboard4.js
index 1af5808..a88d8d4 100644 (file)
--- a/examples/bootstrap/dashboard4.js
+++ b/examples/bootstrap/dashboard4.js
@@ -5,7 +5,11 @@
 dashboard4 = new Roo.XComponent({
 
  _strings : {
-  '30bd2ce65d1e43e9c498b7d5d49f3b78' :"Dashboard <small>  Example Control panel </small>"
+  '30bd2ce65d1e43e9c498b7d5d49f3b78' :"Dashboard <small>  Example Control panel </small>",
+  '70ce2e7a27cab2a670ca954f8362e19f' :"tab 2 content",
+  'c4f5a294a273c3a1c97642a76f15c5c7' :"tab 1",
+  '9a7b64c98b066602b21f869ae7cd673a' :"test 1",
+  '58a00f6a3da23fc3821f24115493b750' :"tab 2"
  },
 
   part     :  ["bootstrap", "dashboard4" ],
@@ -68,6 +72,80 @@ dashboard4 = new Roo.XComponent({
           }
          ]
 
+        },
+        {
+         '|xns' : 'Roo.bootstrap',
+         cls : 'content',
+         tag : 'section',
+         xns : Roo.bootstrap,
+         xtype : 'Container',
+         items : [
+          {
+           '|xns' : 'Roo.bootstrap',
+           xns : Roo.bootstrap,
+           xtype : 'Row',
+           items : [
+            {
+             '|xns' : 'Roo.bootstrap',
+             lg : 6,
+             md : 6,
+             sm : 12,
+             style : '',
+             xns : Roo.bootstrap,
+             xtype : 'Column',
+             items : [
+              {
+               '|xns' : 'Roo.bootstrap.dash',
+               title : _this._strings['9a7b64c98b066602b21f869ae7cd673a'],
+               xns : Roo.bootstrap.dash,
+               xtype : 'TabBox',
+               listeners : {
+                render : function (_self)
+                 {
+                     _this.testbox = _self;
+                 }
+               },
+               items : [
+                {
+                 '|xns' : 'Roo.bootstrap.dash',
+                 title : _this._strings['c4f5a294a273c3a1c97642a76f15c5c7'],
+                 xns : Roo.bootstrap.dash,
+                 xtype : 'TabPane',
+                 items : [
+                  {
+                   '|xns' : 'Roo.bootstrap',
+                   xns : Roo.bootstrap,
+                   xtype : 'Column'
+                  }
+                 ]
+
+                },
+                {
+                 '|xns' : 'Roo.bootstrap.dash',
+                 title : _this._strings['58a00f6a3da23fc3821f24115493b750'],
+                 xns : Roo.bootstrap.dash,
+                 xtype : 'TabPane',
+                 items : [
+                  {
+                   '|xns' : 'Roo.bootstrap',
+                   html : _this._strings['70ce2e7a27cab2a670ca954f8362e19f'],
+                   xns : Roo.bootstrap,
+                   xtype : 'Column'
+                  }
+                 ]
+
+                }
+               ]
+
+              }
+             ]
+
+            }
+           ]
+
+          }
+         ]
+
         }
        ]