tablelayouttest.html
2.42 KB
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>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<!-- GC -->
<script type="text/javascript" src="../../ext-all.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>