| New file |
|---|
| 0,0 → 1,59 |
|---|
| <html> |
| <head> |
| <title>Table Layout</title> |
| <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/> |
| |
| <!-- GC --> |
| <!-- LIBS --> |
| <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script> |
| <!-- ENDLIBS --> |
| |
| <script type="text/javascript" src="../../ext-all.js"></script> |
| |
| <style type="text/css"> |
| html, body { |
| font: normal 11px verdana; |
| } |
| #main-panel td { |
| padding:5px; |
| } |
| </style> |
| <script type="text/javascript"> |
| Ext.onReady(function() { |
| var panel = new Ext.Panel({ |
| id:'main-panel', |
| baseCls:'x-plain', |
| renderTo: Ext.getBody(), |
| layout:'table', |
| layoutConfig: {columns:3}, |
| // applied to child components |
| defaults: {frame:true, width:200, height: 200}, |
| items:[{ |
| title:'Item 1' |
| },{ |
| title:'Item 2' |
| },{ |
| title:'Item 3' |
| },{ |
| title:'Item 4', |
| width:410, |
| colspan:2 |
| },{ |
| title:'Item 5' |
| },{ |
| title:'Item 6' |
| },{ |
| title:'Item 7', |
| width:410, |
| colspan:2 |
| },{ |
| title:'Item 8' |
| }] |
| }); |
| }); |
| </script> |
| </head> |
| <body> |
| <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES --> |
| </body> |
| </html> |