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