Bête question de syntaxe

Bonjour,

Je suis débutant confirmé en JS (Entendez par là que j'y travaille épisodiquement, et qu'à chaque fois que je m'y remets, j'ai pratiquement tout oublié).
Bref, voila mon problème : Je travaille avec ExtJS (Sencha si vous préférez), mais le problème me semble être plutôt de l'ordre de la syntaxe générale de JS.
J'ai un script général qui crée une fenêtre.
Dans cette fenêtre, j'inclus un FormPanel, qui est particulier à chacune de mes pages (et qui se trouve dans un fichier JS propre à chaque page).
Je voudrais rajouter dans mon FormPanel un simple bouton (qui lui, est commun à toutes les pages) de retour à la Home page.
Si je met le code suivant dans mon FormPanel

Code:

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
 
			var myFormPanel = new Ext.FormPanel(
                                                header : false,
						height : 800,
						width : 1200,
						frame : false,
						name : 'RoomMateDatas',
						padding:'0 0 0 0',// au-dessus, après(droite), dessous
                                                autoScroll: true,
						margin:'50 50 50 50',   
						items : [
								// première ligne
							    new Ext.form.FieldSet({
                                                           //................... je vous fais grâce du détail des 500 lignes du fieldSet
							    }),// fin du FieldSet du FormPanel
                                                            ]
                                                        ,
						buttons : 
                                                        [{
							text : 'Retour au menu principal',
							handler : function() {
								window.location = HomePage;			
                                                                }
                                                        }]
					}); // fin du FormPanel

Ca marche sans problème. Mais comme ce code est à mettre dans toutes les pages, je voudrais qu'il soit dans mon script général.
J'ai donc essayé de le supprimer du script particulier (ci-dessus) pour mettre dans le script général

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
			var MainButton = 
                                                        [{
							text : 'Retour au menu principal',
							handler : function() {
								window.location = HomePage;			
								alert('....');
                                                                }
                                                        }];
                        myFormPanel.buttons = MainButton;
 
                        // création de la fenêtre
                        MyWindow = new TPYWindow({title:'Données'});
                        MyWindow.add(myFormPanel);
                        MyWindow.show();

Je vous fais également grâce des moultes essais de syntaxe différents que j'ai tentés.
Quand je dis que ça ne fonctionne pas, c'est que le bouton n'apparaît pas sur la fenêtre.

D'avance merci à celles et ceux qui voudront bien me donner un avis.

Kim

Le plus simple est de créer une classe qui hérite de FormPanel avec le bouton (par exemple CustomFormPanel), et d'instancer des objets de cette classe, ainsi ils aurons tous le bouton.
Tu peut aussi conditionné l'ajout de se bouton dans le CustomFormPanel avec une propriété de configuration (ShowGoHomeButton par exemple).

Bonjour,

J'avais un peu abandonné l'affaire (comme indiqué dans mon message, je travaille de manière assez épisodique sur ce sujet).
J'avais vaguement pensé à cette solution, mais après tant d'années en C++ (et en Deplhi), j'ai du mal à intégrer JS et ses déclarations/définition par prototype.
Je testerai sa solution (j'espère rapidement) et j'indiquerai le résultat sur ce forum.
Donc ce message principalement pour dire merci à champy pour sa participation.

Kim