Discussion :

[bakman]

Bonjour à tous je souhaiterais créer un formulaire dynamique dans lequel il serait possible d'y ajouté des champs via un bouton "add".

voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
Ext.namespace('Views');
 
Views.camConfig =  Ext.extend(Ext.Window,{
 
		modal	: true,
		frame	: true,
                width	: 300,
                height: 150,
		x       : 736,
		y      : 320,
		index 	: 0,
		initComponent: function(){
 
		Views.camConfig.superclass.initComponent.call(this);			
 
			this.winCamConf = new Ext.form.FormPanel({
				id      : 'Peg-ZoomConf',
				title   : 'Zoom Config',
				frame:true,
				layout: 'fit'	
			})
		this.add(this.initComponent);
		},
		display	: function(){
			this.initComponent.add({
				items	: 
				[{
					xtype	: 'panel',
					layout: 'hbox',
					items	: 
				[{
						html:Models.Localisation.SensorsSetup.Edit.ZoomRange			
					},{
						xtype: 'numberfield',
						allowNegative: false,
						allowDecimals: false,
						itemCls: 'Peg-EditSensor-texfield',
						id:'Peg-ZoomRange' + (++index),
						name: 'ZoomRange1' + (++index),
						disabled:false,
						maxLength: 5,
						width: 40,
						allowBlank: true
					},{
						xtype: 'slider',
						itemCls:'Peg-EditSensor-panelLongitude',
						width: 180,
						height: 10,
						id:'Peg-ZoomRangeSlider' + (++index),
						name: 'ZoomRangeSlider' + (++index),
    					        minValue: 0,
        				        maxValue: 100,
       					        plugins: new Ext.ux.SliderTip()	
					}]
				}]
			})
		this.add(this.display);
		},		
		fbar	:
			[{
				xtype	:'button',
			        text	: 'Add Slide',
				width	:50,
			        handler :this.display
		   	}]
 
   		});
 
 
Views.camConfig.createDelegate(this.initComponent);
Ext.reg('camConfig', Views.camConfig);

Je tourne en rond et je ne vois pas ce qui cloche quelqu'un aurait il une idée??
Merci

[bakman]

J'ai trouvé !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
Ext.namespace('Views');
 
Views.camConfig =  Ext.extend(Ext.Window,{
 
		modal	: true,
		frame	: true,
                width	: 300,
                height: 150,
		x	: 736,
		y	: 320,
		index 	: 0,
		initComponent: function(){
 
 
		this.fbar = [{
				xtype	:'button',
			        text	: 'Add Slide',
				width	:50,
			       handler :this.display.createDelegate(this)
		   	}];	
 
		Views.camConfig.superclass.initComponent.call(this);		
 
},
		display: function(){
 
			this.add({
				items	: 
				[{
					xtype	: 'panel',
					layout	: 'hbox',
					items	: 
				[{						 html:Models.Localisation.SensorsSetup.Edit.ZoomRange			
					},{
						xtype: 'numberfield',
						allowNegative: false,
						allowDecimals: false,
						itemCls: 'Peg-EditSensor-texfield',
						id:'Peg-ZoomRange' + (++this.index),
						name: 'ZoomRange1' + (++this.index),
						test:function(){alert(this.index)},
						disabled:false,
						maxLength: 5,
						width: 40,
						allowBlank: true
					},{
						xtype: 'slider',
						itemCls:'Peg-EditSensor-panelLongitude',
						width: 180,
						height: 10,
						id:'Peg-ZoomRangeSlider' +(++this.index),
						name: 'ZoomRangeSlider' + (++this.index),
    					        minValue: 0,
        				        maxValue: 100,
       					        plugins: new Ext.ux.SliderTip()	
					}]
				}]
			}).show();
 
this.doLayout(true,true);
		}
});
 
 
Views.camConfig.createDelegate(this.initComponent);
Ext.reg('camConfig', Views.camConfig);

Si ca peut servir à quelqu'un !