<title>Nested Layout</title>
<!-- 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">
+ <!-- <link href="../../../bootswatch/material-kit/css/material-kit.css" rel="stylesheet"> -->
<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">
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;
+}
+/*
+
+.table-body-fixed tbody {
+ overflow-y: scroll;
+ width: 100%;
+}
+.table-body-fixed thead,
+.table-body-fixed tbody,
+
+.table-body-fixed th {
+ display: block;
+}
+.table-body-fixed thead {
+ overflow: hidden;
+}
+
+.table-body-fixed tbody td,
+.table-body-fixed thead > tr> th {
+ float: left;
+ border-bottom-width: 0;
+}
+ .table-body-fixed thead > tr,
+.table-body-fixed tbody > tr
+{
+ display: block;
+ overflow: hidden;
+}
+*/
</style>
<script type="text/javascript">
titlebar: true,
// collapsible: true,
minSize: 100,
- maxSize: 400
+ maxSize: 500
},
north: {
xtype : 'Region',
xns: Roo.bootstrap.layout,
overflow : 'visible',
- initialSize: 100,
+ initialSize: 50,
titlebar: false
},
},
xtype : 'NavItem',
xns : Roo.bootstrap,
- html : 'test',
+ listeners : {
+ click : function()
+ {
+ Example.NestedDialog.show({});
+ }
+ },
+ html : 'test dialog',
items : [
]
},
{
- xtype : 'Content',
+ xtype : 'Grid',
xns: Roo.bootstrap.panel,
- title : "Title west 2",
+ title : "Test Grid",
fitToFrame:true,
closable:false,
region : 'west',
- html : 'some body west 2'
-
+ listeners : {
+ activate : function()
+ {
+ this.grid.store.load.defer(100, this.grid.store);
+ }
+ },
+ toolbar : {
+ xtype: 'NavSimplebar',
+ xns : Roo.bootstrap,
+ items: [
+ {
+ xtype: 'NavGroup',
+ xns: Roo.bootstrap,
+ items : [
+ {
+ xtype: 'NavItem',
+ xns: Roo.bootstrap,
+ html: 'a button'
+
+ },
+ {
+ xtype: 'Input',
+ xns: Roo.bootstrap,
+ placeholder: 'a text input'
+
+ }
+ ]
+ }
+ ]
+
+ },
+ grid : {
+ loadMask : true,
+ striped : true,
+ xns : Roo.bootstrap,
+ xtype : 'Table',
+ cls : 'table-fixed',
+ rowSelection : true,
+ footer : {
+ xtype : 'PagingToolbar',
+ pageSize : 25,
+ xns : Roo.bootstrap,
+ '|xns' : 'Roo.bootstrap'
+ },
+ store : {
+ xns : Roo.data,
+ xtype : 'Store',
+
+ proxy : {
+ xns : Roo.data,
+ xtype : 'MemoryProxy',
+ data: [
+ ['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
+ ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
+ ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
+ ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
+ ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
+ ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
+ ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
+ ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
+ ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
+ ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
+ ['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']
+ ]
+ },
+ reader : {
+
+ xns : Roo.data,
+ xtype : 'ArrayReader',
+ fields: [
+ {name: 'company'},
+ {name: 'price', type: 'float'},
+ {name: 'change', type: 'float'},
+ {name: 'pctChange', type: 'float'},
+ {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
+ ]
+ },
+ },
+ cm : [
+
+ {
+ id:'company',
+ header: "Company",
+ width: 160,
+ sortable: true,
+ locked:false,
+ dataIndex: 'company',
+ xns : Roo.grid,
+ xtype : 'ColumnModel'
+ },
+ {
+ header: "Price",
+ width: 160,
+ sortable: true,
+ renderer: Roo.util.Format.usMoney,
+ dataIndex: 'price',
+ xns : Roo.grid,
+ xtype : 'ColumnModel'
+ }
+
+ ]
+
+ }
+
},
{
xtype : 'Content',