Discussion :

[lilith_abaddon]

Bonjour,

Je suis en train de travailler avec GWT et je souhaite créer ma propre DialogBox qui possèderait un bouton permettant de la fermer.

Pour cela, j'ai une classe :

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
 
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.DialogBox;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.HorizontalPanel;
 
public class CustomDialogBox extends DialogBox implements ClickHandler {
 
	Button close;
	HTML caption = new HTML();
	HorizontalPanel captionPanel = new HorizontalPanel();
 
	public CustomDialogBox() {
		close = new Button("x");
		close.addClickHandler(this);
 
		captionPanel.add(caption);
    	captionPanel.add(close);
    	captionPanel.setStyleName("caption");
 
    	Element td = getCellElement(0, 1);  // Get the cell element that holds the caption
    	td.setInnerHTML(""); // Remove the old caption
    	td.appendChild(captionPanel.getElement());
	}
 
	@Override
	public void onClick(ClickEvent event) {
		CustomDialogBox.this.hide();
		Window.alert("click");
	}
}

Le problème est que lorsque je clique sur le bouton, aucune des actions du onClick ne sont effectuées. Si je met le bouton dans le conteneur lui même :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
public CustomDialogBox() {
		close = new Button("x");
		close.addClickHandler(this);
 
		this.add(close);
	}
 
	@Override
	public void onClick(ClickEvent event) {
		CustomDialogBox.this.hide();
		Window.alert("click");
	}

Dans ce cas, l'alert passe bien mais le .hide() soit ne s'effectue pas soit ne fonctionne pas dans mon cas.

Je souhaiterais savoir si quelqu'un sur ce forum aurait une idée de solution.

Merci d'avance.

[in]

Code :

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

1
2
3
4
5
6
 
	@Override
	public void onClick(ClickEvent event) {
		CustomDialogBox.this.hide();
		Window.alert("click");
	}

Cette ligne CustomDialogBox.this.hide(); est bizarre.
Pourquoi pas simplement hide(); ?

[lilith_abaddon]

C'est vrai que hide(); est plus logique.

Par contre mon problème ne vient pas de là.

Je ne sais pas pourquoi l'évènement click n'est pas envoyé quand le bouton est dans le caption de la dialog box.

[MaximeMularz]

Bonjour,

Il te manque la méthode setwidget(panel)

public CustomDialogBox() {
(...)
captionPanel.setStyleName("caption");

this.setWidget(captionPanel);

(...)

Maxime

[lilith_abaddon]

Merci beaucoup pour la solution. Maintenant je récupère bien les évènements de la souris sur le bouton.

Merci pour votre aide.

[blackwith]

je me permet de UP ce message car je suis confronté a une petite difficulté.

Je souhaiterais faire apparaître une dialogbox à un endroit précis (de façon personnalisé) car pour l'instant mes dialogbox ne s'ouvre qu'au milieu de l'écran


Merci !