1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
| <html>
| <head>
|
| <!-- GC -->
|
| <script type="text/javascript" src="../../examples/shared/include-ext.js"></script>
| <script type="text/javascript" src="../../examples/shared/options-toolbar.js"></script>
| <script type="text/javascript">
| Ext.require(['*']);
|
| Ext.onReady(function() {
| if (window.location.search.toLowerCase().indexOf('nocss3') >= 0) {
| Ext.supports.CSS3BorderRadius = false;
| Ext.getBody().addCls('x-nbr x-nlg');
| }
|
| p = Ext.create('Ext.panel.Panel', {
| style: {
| "float": 'left'
| },
| id: 'panel1',
| frame: true,
| layout: {
| type: 'table',
| columns: 2,
| tdAttrs: {
| style: 'padding:2px'
| }
| },
| defaultType: 'button',
| items: [
| { text: 'Button 1'},
| { text: 'Button 2'},
| { text: 'Button 3'},
| { text: 'Button 4'}
| ],
| renderTo: document.body,
| title: 'Table layout Panel'
| });
|
| p = Ext.create('Ext.window.Window', {
| closable: false,
| hidden: false,
| floating: false,
| resizable: false,
| draggable: false,
| style: {
| "margin-left": '10px',
| "float": 'left',
| position: 'relative'
| },
| id: 'panel2',
| layout: {
| type: 'table',
| columns: 2,
| tdAttrs: {
| style: 'padding:2px'
| }
| },
| defaultType: 'button',
| items: [
| { text: 'Button 1'},
| { text: 'Button 2'},
| { text: 'Button 3'},
| { text: 'Button 4'}
| ],
| renderTo: document.body,
| header: false,
| fbar: {
| items: {
| text: 'Button'
| }
| },
| headerPosition: "bottom"
| });
|
| p = Ext.create('Ext.panel.Panel', {
| style: {
| "margin-left": '10px',
| "float": 'left'
| },
| id: 'panel3',
| frame: true,
| layout: {
| type: 'table',
| columns: 2,
| tdAttrs: {
| style: 'padding:2px'
| }
| },
| defaultType: 'button',
| items: [
| { text: 'Button 1'},
| { text: 'Button 2'},
| { text: 'Button 3'},
| { text: 'Button 4'}
| ],
| renderTo: document.body,
| header: false
| });
|
| });
| </script>
| </head>
| <body style="padding:10px">
| </body>
| </html>
|
|
