Discussion :

[Casp]

Bonjour à tous,

j'aimerai savoir si il était possible sur une action utilisateur de faire en sorte d'aller directement en bas de la page ?

Je m'explique, dans mon interface, l'utilisateur voie un tableau contenant un ensemble d'informations sur des éléments. pour chacun d'entre eux, il a la possibilité d'appuyer sur un bouton "Details" qui rajoute sous le tableau un panel affichant des informations supplémentaires. Ce que j'aimerai c'est que lorsque l'utilisateur clique sur ce bouton "Details" que le navigateur aille en bas de la page pour que l'utilisateur puisse voir l'affichage de ce panel. Actuellement, l'interface ne bouge pas, on peut juste voir la scrollbar du navigateur qui s'agrandie.

Est ce que ce genre d'opération est possible en gwt ?

merci d'avance.

[pvoncken]

Je te conseille plutôt de repenser tes panels.

Tu peux par exemple mettre la partie à cacher / afficher dans un panel spécifique que tu peux cacher / afficher sur l'action que tu souhaite.

[Casp]

actuellement c'est ce que je fait en gros.

sous mon tableau j'ai le panel qui permet d'afficher le détail de mes jobs.
(il faut savoir que ce tableau peut être très long).

Du coup quand l'utilisateur clique sur le bouton detail (un pour chaque élément du tableau) le panel de détail est mis à jour et je le rends visible. le truc c'est que l'on reste au niveau de là où l'utilisateur à cliquer sur le bouton détail. ce qui peut être gênant pour l'utilisateur qui peut penser que rien ne sais passer.

[pvoncken]

Tu pourrais mettre tes tableaux dans un split panel, horizontal ou vertical.

L'utilisateur verrais les modifs en live.

Ou alors, dans un stack panel, et tu peux mettre à jour le titre du second tableau lorsqu'il se met à jour.

[dialloma]

Casp,

en terme d'ergonomie, le fait que tu parte en bas de page signifie que tu veux mettre le focus sur ce détail quand l'utilisateur clique. Dans ce cas, pourquoi ne pas utiliser une fenêtre modale (DialogBox) comme celui ci :
http://gwt.google.com/samples/Showca...l#!CwDialogBox.

Sinon, si tu compte utiliser ta méthode, essaye de voir avec les "encres html". Ton lien détail point vers ton panel qui affiche les détails. Comme ça dès que tu cliques sur ton client, tu est renvoyé vers le bloque qui contient l'encre (donc ton bloc détail). Ce ci est un comportement normal HTML. Tu peux donc utiliser le composant HTML de GWT pour représenter et la céllule de ton tableau ainsi que le bloc devant contenir les détail.
Exemple :

Code :

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

1
2
3
HTML cel = new HTML ("<a href='#encre'>Détail</a>");
 
HTML bloc= new HTML ("<div id ='encre'></a>");

Essaye quelque chose comme ça....

Bon courage

[glebreton]

Au lieu d'utiliser le composant HTML, tu peux utiliser le composant com.google.gwt.user.client.ui.Anchor qui crée une balise <a href="..." />.

Et si tu veux rajouter un identifiant à un Panel, tu peux le faire comme ça :

Code :

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

1
2
3
4
 
Panel monPanel = ...;
Element elem = monPanel.getElement();
DOM.setElementProperty(elem, "id", "ancre");

[dialloma]

Au lieu d'utiliser le composant HTML, tu peux utiliser le composant com.google.gwt.user.client.ui.Anchor qui crée une balise <a href="..." />.

Et si tu veux rajouter un identifiant à un Panel, tu peux le faire comme ça :

Code :

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

1
2
3
4
 
Panel monPanel = ...;
Element elem = monPanel.getElement();
DOM.setElementProperty(elem, "id", "ancre");

Je ne connaissais pas ce composant mais il a l'air mieux. Merci glebreton

[benwit]

Revoir le design global peut être une solution.

Sinon pour répondre à ta question, c'est possible, je le fais (en GXT) !

Dans GXT et dans leur composant qui dérivent de ScrollPanel, on peut positionner les ascenseurs comme on veut.
Je suppose qu'il y a l'équivalent en GWT seul (si je devais le faire, je regarderai dans l'api GWT et à défaut dans le code source de GXT)