projects / roojs1 / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
examples/bootstrap/nested.html
[roojs1] / examples / bootstrap / nested.html
diff --git a/examples/bootstrap/nested.html b/examples/bootstrap/nested.html
index 9c15070..43e0907 100644 (file)
--- a/examples/bootstrap/nested.html
+++ b/examples/bootstrap/nested.html
@@ -7,13 +7,10 @@ porting tst for layout classes from original roo library into bootstrap one.
 <html>
 <head>
   <title>Nested Layout</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-
+  
    <!-- Bootstrap -->
-    <link rel="stylesheet" href="../../css-bootstrap/bootstrap.min.css">
-       
+    <link href="../../css-bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />   
     <link href="../../css-bootstrap/font-awesome.css" rel="stylesheet" type="text/css" />
-   
     <link href="../../css-bootstrap/roojs-bootstrap-debug.css" rel="stylesheet" type="text/css" />
     
   <!--  <link href="../../../bootswatch/material-kit/css/material-kit.css" rel="stylesheet"> -->
@@ -23,18 +20,21 @@ porting tst for layout classes from original roo library into bootstrap one.
     <script type="text/javascript" src="../../roojs-core-debug.js"></script>
     <!-- bootstrap js.. needs to compile it later.. -->
     <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
+    
+  
+    
+    
+    
+    <script type="text/javascript">
 
-  <!--
-  <script type="text/javascript" src="../../Roo/bootstrap/panel/Grid.js"></script>
-  <script type="text/javascript" src="../../Roo/bootstrap/Table.js"></script>
-  <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
-    -->
-    <script type="text/javascript" src="../../Roo/bootstrap/layout/Region.js"></script>
-    <script type="text/javascript" src="../../Roo/bootstrap/layout/Split.js"></script>
-
-    <script type="text/javascript" src="../../Roo/bootstrap/layout/Center.js"></script>
-    <script type="text/javascript" src="./nested-dialog.js"></script>
-
+Roo.namespace("Dashboard");
+    </script>
+     
+         <script type="text/javascript" src="Dashboard.Header1.js"></script>
+<script type="text/javascript" src="./nested-dialog.js"></script>
+     
+     
+     
     <style type="text/css">
 .navbar {
     padding: 0;
@@ -96,11 +96,10 @@ Example.Nested = new Roo.XComponent({
                 split:true,
                 tabPosition: 'top',
                 initialSize: 400,
-                titlebar: false,
+                titlebar: true,
                // collapsible: true,
                 minSize: 100,
-                maxSize: 500,
-                cls : 'hidden-xs'
+                maxSize: 500
             },
             north: {
                 xtype : 'Region',
@@ -116,7 +115,7 @@ Example.Nested = new Roo.XComponent({
                 xns: Roo.bootstrap.layout,
                 autoScroll: false,
                 tabPosition:'top',
-                 titlebar: false
+                 titlebar: true
             },
             items : [
                 {
@@ -160,7 +159,13 @@ Example.Nested = new Roo.XComponent({
                                             },
                                             xtype : 'NavItem',
                                             xns : Roo.bootstrap,
-                                            html : 'test',
+                                            listeners : {
+                                                click : function()
+                                                {
+                                                    Example.NestedDialog.show({});
+                                                }
+                                            },
+                                            html : 'test dialog',
                                             items : [
         
                                             ]
@@ -215,12 +220,7 @@ Example.Nested = new Roo.XComponent({
                                     {
                                         xtype: 'NavItem',
                                         xns: Roo.bootstrap,
-                                        html: 'show dialog',
-                                        listeners : {
-                                            click : function() {
-                                                Example.NestedDialog.show({});
-                                            }
-                                        }
+                                        html: 'a button'
                                         
                                     },
                                     {
@@ -240,7 +240,14 @@ Example.Nested = new Roo.XComponent({
                         xns : Roo.bootstrap,
                         xtype : 'Table',
                         cls : 'table-fixed',
-                         store : {
+                        rowSelection : true,
+                        footer : {
+                            xtype : 'PagingToolbar',
+                            pageSize : 25,
+                            xns : Roo.bootstrap,
+                            '|xns' : 'Roo.bootstrap'
+                        },
+                        store : {
                             xns : Roo.data,
                             xtype : 'Store',
                          
@@ -261,23 +268,7 @@ Example.Nested = new Roo.XComponent({
                                     ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
                                     ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
                                     ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
-                                    ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
-                                    ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
-                                    ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
-                                    ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
-                                    ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
-                                    ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
-                                    ['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
-                                    ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
-                                    ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
-                                    ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
-                                    ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
-                                    ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
-                                    ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
-                                    ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
-                                    ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
-                                    ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am'],
-                                    ['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am']
+                                    ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'] 
                                 ]
                             },
                             reader : {
RooJS - Version 1