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
| Ext.onReady(function() {
var table = new Ext.Panel({
frame:true,
region:'center',
title: 'CENTRE',
bodyStyle:'padding:5px 5px 0'
});
var bouton = new Ext.FormPanel({
labelWidth: 90,
url:'save-form.php',
frame:true,
region:'east',
title: 'DROITE',
bodyStyle:'padding:5px 5px 0',
width: 100
});
var simple = new Ext.Panel({
labelWidth: 90,
url:'save-form.php',
frame:true,
region:'south',
border:false,
title: 'BAS',
bodyStyle:'padding:5px 5px 0',
height:150,
items:
[{
xtype: 'textfield',
fieldLabel: 'Thème',
width:200,
name: 'theme',
allowBlank:false
},{
xtype: 'textfield',
fieldLabel: 'Lieu',
width:200,
name: 'lieu',
allowBlank:false
},{
xtype: 'datefield',
fieldLabel: 'Date',
name: 'date',
allowBlank:false
}]
});
var win = new Ext.Window({
id:'formanchor-win'
,closable:true
,minimizable:true
,maximizable:true
,width:700
,height:500
,minWidth:300
,minHeight:200
,plain:true
,title:'hello'
,layout:'border'
,border:false
,items:[table,bouton,simple]
});
win.show();
}); |
Partager