Création composant personnel

Bonjour,

Ce que j'essaye de faire, c'est un composant pré-configuré, comprenant un formPanel avec une grille dedans (et deux boutons). Malheureusement, cela ne fonctionne pas vraiment comme je le voudrais (limite pas du tout...). Afin de rendre la chose intéressante (et réutilisable), je veux que mon composant soit défini dans un .js à part, et que je puisse le réutiliser par la suite dans différentes jsp.

Voici donc actuellement le code de grillePanel.js (gridPanel étant le nom de mon "nouveau composant") :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

Ext.namespace('Ext.perso'); Ext.perso.Gridpanel = function(config) { Ext.perso.Gridpanel.superclass.constructor.call(this, Ext.apply({ title: 'mon nouveau composant', // + plein de configurations que je veux avoir de base pour mon composant }, config)); }; Ext.extend{Ext.perso.Gridpanel, Ext.form.FormPanel, { // On rajoute qques getter et setter qui vont bien };

---

Le problème est double pour le moment. Si je laisse ça tel quel, et que je veux créer mon composant dans ma jsp, je n'ai pas d'erreurs, mais je n'ai rien d'affiché.

Code de la jsp:

Code:

---

1 2 3 4 5 6

var maGrille = new Ext.perso.Gridpanel({ renderTo: 'test' });   <div id='test' />

---

Le second problème, c'est que lorsque j'essaie de déclarer mon objet dans .js, cela me sort des erreurs (du style 'undefined is null or not an object'), et j'ai un truc (très laid, du genre un panel, pas de grille, mais tout de même le toolbar de la grille), mais pas à l'endroit voulu (en sachant que le but est de pouvoir utiliser le composant directement dans la jsp bien entendu).

Mako

première chose a faire, rajouter en bas de grillePanel.js:

Code:

---

Ext.reg('perso_grid_panel', Ext.perso.Gridpanel);

---

puis, quand tu voudras le mettre kk part ...

tu fais un truc du genre ... :

Code:

---

var toto = new Ext.perso.Gridpanel({...});

---

Entre temps, j'avais déjà rajouté le Ext.reg, bien que je n'en ai pas encore eu besoin pour le moment.

Ensuite, je déclare bien mon composant comme tu le préconises, mais cela n'a pas beaucoup de réussites.

Par contre, j'avais peut-être voulu être trop gourmand, car ce que j'essayais de faire, c'est un composant qui serait en fait plusieurs composants réunis (comme expliqué dans le premier message). Je suis en train d'essayer en séparant les différentes parties (notamment le formPanel et la grille), car j'avais des soucis pour accéder aux items de mon formPanel.

Petite question: la méthode get('id') permet d'avoir accès aux éléments internes, mais est-ce que cela fonctionne pour tous les éléments internes, ou juste ceux du premier niveau ?

Si j'ai par exemple

Code:

---

1 2 3 4 5 6 7 8 9

var form = new Ext.form.FormPanel({ items: { id: 'toto1', items: { id: 'toto2' } } });

---

est-ce que form.get('toto2') va fonctionner (j'ai eu des soucis avec des cas similaires) ?

Je reviendrais quand j'aurais avancé sur mon problèmes de composants.

Mako

bonjour,

il me semble que ta fonction de configuration doit etre à l'intérieur de ton extend ...

essayes de faire par étape ...
gridpanel+ 2 boutons,
après tu rajoutes ton formpanel ...