Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

A hbox layout

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() {              var myWin = new Ext.Window({           height       : 300,           width        : 300,           border       : false,           autoScroll   : true,           id           : 'myWin',           title        : 'A hbox layout',           layout       : 'hbox',           layoutConfig : {             align        : 'stretch'           },           defaults     : {             frame : true           },           items        : [             {               title       : 'Column 1',               html        : "1",               id          : 'col1'                            },             {               title       : 'Column 2',               html        : "2",             },             {               title : 'Col 3',               html  : "",               width : 100             },             {               title       : 'Col 4',               frame       : true             }           ]                    });                  myWin.show(); }); </script>  <div id='div1'>asdf</div> </body> </html>