Discussion :

[owenho]

Bonjour Tout le monde,
bon premiéremment je m'excuse les modérateurs pour mon dernier sujet qui est sous forme d'une demande.

dans mon projet j'ai un fichier index qui contient un form, et un tabpanel avec deux tab,

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
    var tabindex = new Ext.createWidget('tabpanel', {
        renderTo: document.body,
        activeTab: 0,
        width: 1100,
        height: 600,
        // plain: true,
		x:90,
		y:50,
		// style: 'margin:0 auto;margin-top:100px;',
        defaults :{
            autoScroll: true,
            bodyPadding: 10
        },
        items: [
			{
 
				id: 'tab1',
				title: 'Representation Attributaire', 
				items: [ form, ], // form existe dans le fichier
				// x:10,
				// y:10,
			},
			{
 
				id: 'tab2',
				title: 'Représentation Géographique', 
				items: [ formgeo, ], // formgeo existe dans un autre fichier js que je l'importe 
 
            },
        ]
    });

j'importe l'autre fichier js comme suit dans index.html:

Code :

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

1
2
 
<script type="text/javascript" src="formgeo.js"></script>

les deux form s'affiche trés bien sauf que le code qui est a l'extérieur de la form 'formgeo' ne s'execute pas ,
si je fait tous le fichier sous form d'une fonction et je fait appel au fonction dans items de deusiéme tab, le tabpanel ne s'affiche pas, et seul la form que j'importe s'affiche .

comment puis je faire pour faire inclure un contenu du fichier js dans un tabpanel, une idée !
Merci a vous ,

[abraxis]

Bonjour,

Sans apporter de réponse à ta question je me permet de te signaler quelques erreurs si utilise ton code sous IE.

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
    var tabindex = new Ext.createWidget('tabpanel', {
			renderTo: document.body,
			activeTab: 0,
			width: 1100,
			height: 600,
			// plain: true,
			x:90,
			y:50,
			// style: 'margin:0 auto;margin-top:100px;',
			defaults :{
				autoScroll: true,
				bodyPadding: 10
			},
			items: [
				{
					id: 'tab1',
					title: 'Representation Attributaire', 
					items: [ form, ], // form existe dans le fichier
					// x:10,
					// y:10,
				},
				{
					id: 'tab2',
					title: 'Représentation Géographique', 
					items: [ formgeo, ], // formgeo existe dans un autre fichier js que je l'importe 
				},
			]
    });

Il faut supprimer les "," qui sont en rouge.

Pour ton problème je pense qu'en affichant le reste de ton code cela pourrais nous aider ^^

[owenho]

Bonjour,
oui merci pour la correction de code,et même si je le fait avec virgule ça marche normal,
bon dans l'index.html j'importe le fichier formgeo.js qui contient le code suivant:

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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext.ux', '/lib/ext-4.0.7/src/ux');
Ext.require([
    'Ext.form.Panel',
]);
// function formgeo() {
// Ext.onReady(function(){
 
/*------------------------------on va lire le cookie créer avec--------------------------------------*/
 
var strreffonc=""+readCookie('reffonc');
 
 
/*------------------on va envoyer la valur de cookie au fichier qui s'occuperai du traitement --------------------*/
	if(strreffonc)
		{
   		// Ext.Msg.alert('ok','valeurs choisis dans interface montage projet'+strreffonc);
	//lorsque je décommente le msg alert un msg d'erreur s'affiche										
		}	
	else 
		{
		Ext.Ajax.request({
								url: '../zoomreffonc.php', 
								actionMethods: 
											{
												read: 'POST'
											},
												params: 
											{
												reffonc:strreffonc,
											},
								isUpload:true,	
								queryMode : 'local',
								success: function(response)
									{
											// var text1 = response.responseText;
											Ext.Msg.alert('Ok','Les Données ont été envoyées');
											Ext.Msg.alert('ok','valeurs choisis dans interface montage projet'+strreffonc);
 
									},
								failure: function()
									{
											Ext.Msg.alert('Essayez à nouveau.');
									},	
							});
		}
/*----------------------------------------------------------------------------------------------*/
 var formgeo = new Ext.FormPanel({
			frame: true,
			bodyBorder: true,
			bodyPadding: 10, 
			 // renderTo: Ext.getBody(),
			// id:'formpanel', 
			height: 509,
			width: 927, 
			layout: 
				{
					type: 'absolute'
				},
			items: 
			[
				{
					xtype: 'box',
					margins: '5 5 5 5',
					region: 'center',
					width: 200,
					height: 200,
					autoEl: {tag: 'img', src: 'adf.jpg', width: 87, height: 124 },
				}
			],
});
 
/*---------------------------fonction qui va lire la cookie-----------------------------------------------------*/	
function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
 
// });
// }

dans l'index je fait appel au formgeo dans l'items de tabpanel, il s'affiche mais le code ne s'execute pas :

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
var strreffonc=""+readCookie('reffonc');
 
 
/*------------------on va envoyer la valur de cookie au fichier qui s'occuperai du traitement --------------------*/
	if(strreffonc)
		{
   		// Ext.Msg.alert('ok','valeurs choisis dans interface montage projet'+strreffonc);
 
		}	
	else 
		{
		Ext.Ajax.request({
								url: '../zoomreffonc.php', 
								actionMethods: 
											{
												read: 'POST'
											},
												params: 
											{
												reffonc:strreffonc,
											},
								isUpload:true,	
								queryMode : 'local',
								success: function(response)
									{
											// var text1 = response.responseText;
											Ext.Msg.alert('Ok','Les Données ont été envoyées');
											Ext.Msg.alert('ok','valeurs choisis dans interface montage projet'+strreffonc);
 
									},
								failure: function()
									{
											Ext.Msg.alert('Essayez à nouveau.');
									},	
							});
		}

et le bizzare lorsque je décommente le message alert qui est dans le premier test if ,je lance index.html et le tabpanel ne s'affiche pas ,il me donne cette erreur:

Code :

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

1
2
3
Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null
ext-all-debug.js:15364
Uncaught TypeError: Cannot read property 'xtype' of undefined

une idée ! merci