Discussion :

[Mako 5013]

Bonjour,

J'aurais aimé savoir comment faire pour créer un 'portal' sous Ext JS (comme dans l'exemple du site). Pour le moment, j'ai le code suivant, qui ne fonctionne 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
 
var viewport = new Ext.Viewport({
     layout: 'table',
     layoutConfig: {columns: 1},
     items: [{
          xtype: 'portal',
          items: [{
               columnWidth: .95,
               items: [{
                    title: 'mon premier panel',
                    contentEl: 'monPremierPanel'     
               },
                    monSecondPanel //defini de la meme maniere que le premier
               ]
          }]
     }]
});
viewport.render('MyDiv');

J'ai cru comprendre (d'après le code source de l'exemple cité plus haut) qu'il fallait des extensions pour faire fonctionner le portal. Si oui, où est-ce que je peux me les procurer ? Si non, qu'est-ce qui pourrait clocher dans le code ci-dessus (les erreurs sont de type : "Object expected") ?

Merci.


Mako

[takitano]

bonjour,

ton objet est de type portal
rajoute le code suivant, en modifiant [domaine]

Code :

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

1
2
3
4
5
 
    <link rel="stylesheet" type="text/css" href="[domaine]/ux/css/Portal.css" />
    <script type="text/javascript" src="[domaine]/ux/Portal.js"></script>
    <script type="text/javascript" src="[domaine]/ux/PortalColumn.js"></script>
    <script type="text/javascript" src="[domaine]/ux/Portlet.js"></script>

[Mako 5013]

Effectivement, cela fonctionne mieux...Mais ce n'est pas encore parfait !

J'ai bien mon portal, mais il ne s'affiche pas où je le souhaite. J'ai une page composée d'un header, d'un menu (colonne à gauche) et d'une zone principale. Je veux que mon portal s'affiche dans la zone principale (fichier search.jsp).

Le code que j'ai posté précédemment, tout comme la div 'MyDiv' se trouvent tous les deux dans le fichier search.jsp, mais malgré ça, mon portal s'affiche tout en haut de la page (avant même le header), laissant la zone principale vide. A noter qu'aucune erreur JavaScript n'est signalée...

Mako

[takitano]

il y a koi dans search.jsp ?

[Mako 5013]

Le fichier search.jsp est celui qui est chargé dans la zone principale. Il comporte donc quelques scripts (dont la partie Ext JS), ainsi que du html (des tables avec des contrôles perso).

Ce que je veux faire, c'est moderniser un peu l'ensemble. Comme la plupart des composants sont des taglibs persos (développées par d'autres personnes), et que je cherche seulement à faire une maquette (pas une migration complète) pour tester Ext JS, je voulais juste inclure les composants existants (présents dans le html de search.jsp) dans des panels Ext JS avec lesquels on pourrait "jouer" un peu (collapse, portal, etc.). Pour ce faire, j'ai créer une div <div id='MyDiv'> qui englobe tout ce que je souhaite mettre dans mon panel, puis quand j'écris dans le code ci-dessus "MonPremierPanel", je mets l'id de ma div.

Cela fonctionnait parfaitement pour des panels "normaux", c'est-à-dire que j'avais bien mes deux panels, avec les composants dedans, dans la partie principale de ma page. Mais avec le portal, ils se retrouvent en dehors du "cadre" définis par mon template (qui me spécifie trois zones distinctes, avec, selon les cas, les fichiers à charger dans chaque partie).

J'espère avoir été assez clair (pas sûr...).

Mako

[takitano]

une idée comme ca ...

mettre une autre div myPortal dans ta div ... pour voir ...