Passer information dialogBox à Panel

Bonjour,

Sur ma page principal, lorsque que je clique sur un bouton, Une dialogBox apparait me demandant un mot de passe et un nom d'utilisateur.

J'aimerai lorsque l'utilisateur est reconnu afficher son nom sur le panel principal dans le label prévu pour sa. Mais du coup comment je transmet des informations à mon Panel ?

Merci

bonjour,

il y a de nombreuses possiblités pour ce genre de besoin.
difficile de t'aider avec si peu d'information.

En tous cas ce qui est sûr c'est qu'il faut passer par un mécanisme Java, par exemple en utilisant une méthode setUserName() que tu as créé dans la classe qui contient ton panel.

Pour un projet plus complexe, on passera par une solution plus "structurée" à base de MVP et UIBinder.

Montre nous le bout de code qui te pose problème, ça sera plus facile ...

Voici quelques informations complémentaires :

Voici mon login.ui.xml

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
26
27
28
29
30
31
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
	xmlns:g='urn:import:com.google.gwt.user.client.ui'>
 
	<ui:with field='res' type='net.nandleon.AgenceVoyage.client.ressources.Ressources'/>
 
	<!-- ui:image field='logo' src='logo-login.gif' /-->
 
		<g:DialogBox animationEnabled="true" modal="true" glassEnabled="true" >
			<g:caption styleName="{res.uiLoginStyle.title}"><center><b>Authentification</b></center></g:caption>
			<g:HTMLPanel>
			<div class="{res.uiLoginStyle.form}">
				<p>
					<g:Label>Login</g:Label>
					<g:TextBox styleName="{res.uiLoginStyle.input}" ui:field="labelLogin" />
				</p>
				<p>
					<g:Label>Password</g:Label>
					<g:TextBox styleName="{res.uiLoginStyle.input}" ui:field="labelPassword" />
				</p>
				<p class="{res.uiLoginStyle.submit}">
					<g:Button styleName="{res.uiLoginStyle.button}" ui:field="buttonConnect">Connect</g:Button>
				</p>
			</div>
 
		</g:HTMLPanel>
	</g:DialogBox >
 
 
</ui:UiBinder>

Puis mon login.java

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
package net.nandleon.AgenceVoyage.client.login;
 
import net.nandleon.AgenceVoyage.client.ressources.Ressources;
import net.nandleon.AgenceVoyage.client.services.LoginService;
import net.nandleon.AgenceVoyage.client.services.LoginServiceAsync;
 
import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiFactory;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.uibinder.client.UiHandler;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.*;
 
 
public class Login extends DialogBox  {
 
	private static final Binder binder = GWT.create(Binder.class);
	interface Binder extends UiBinder<Widget, Login> {}
    private final LoginServiceAsync loginService = GWT.create(LoginService.class);
    static {
    	Ressources.INSTANCE.uiLoginStyle().ensureInjected();  
    }
 
	@UiField
	TextBox labelLogin;
 
	@UiField
	TextBox labelPassword;
 
	@UiField
	Button buttonConnect;
 
 
	public Login() {
 
		binder.createAndBindUi(this);
 
	}
 
	@UiFactory
	  DialogBox thatsJustMe() {
	     // UiBinder will call this to get a DialogBox instance
	     // and this is the DialogBox instance we want to use
	     return this;
	  }
 
 
	@UiHandler("buttonConnect")
	  void handleClick(ClickEvent e) {
 
            loginService.login(labelLogin.getValue(), labelPassword.getValue(),
                    new AsyncCallback<String>() {
                        @Override
                        public void onFailure(Throwable caught) {
                            Window.alert("Server communication error");
                        }
 
                        @Override
                        public void onSuccess(String result) {
                            Window.alert(result);
                            hide();
 
 
                        }
                    });
 
	  }
 
 
}

Puis mon accueil.ui.xml

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
	xmlns:g='urn:import:com.google.gwt.user.client.ui'>
 
	<ui:with field='res' type='net.nandleon.AgenceVoyage.client.ressources.Ressources'/>
 
    <g:DockLayoutPanel unit='EM' addStyleNames="{res.uiAccueilStyle.fullscreen}">
 
       <g:north size='13'>
         <g:FlowPanel styleName="{res.uiAccueilStyle.northPanel}">
          	<g:Image resource='{res.logo}' styleName="{res.uiAccueilStyle.imageBanniere}" />
         </g:FlowPanel>
       </g:north>
 
       <g:west size='10'>
         <g:FlowPanel styleName="{res.uiAccueilStyle.westPanel}">
            <g:MenuBar vertical="true" styleName="{res.uiAccueilStyle.menuBar}" >
		       <g:MenuItem>Activités</g:MenuItem>
		       <g:MenuItem>Logements</g:MenuItem>
		       <g:MenuItem>Transports</g:MenuItem>
		       <g:MenuItem>Lieux</g:MenuItem>
		     </g:MenuBar>
         </g:FlowPanel>
       </g:west>
 
       <g:center>
         <g:FlowPanel styleName="{res.uiAccueilStyle.centerPanel}">
         <g:FocusPanel ui:field="connexionPanel">
          <g:VerticalPanel styleName="{res.uiAccueilStyle.connexionPanel}" >
                 <g:Label text="Espace Client" styleName="{res.uiAccueilStyle.labelTitreEspaceClient}"/>
                 <g:Label text="Connexion" styleName="{res.uiAccueilStyle.labelSousTitreEspaceClient}"/>   
 
            </g:VerticalPanel>
            </g:FocusPanel>   
         </g:FlowPanel>
       </g:center>
 
        <g:south size="5">
         <g:FlowPanel styleName="{res.uiAccueilStyle.southPanel}">
           <g:Label>This is the SOUTH panel</g:Label>
         </g:FlowPanel>
        </g:south>
     </g:DockLayoutPanel>
 
</ui:UiBinder>

et mon accueil.java

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
package net.nandleon.AgenceVoyage.client.accueil;
 
 
import net.nandleon.AgenceVoyage.client.login.Login;
import net.nandleon.AgenceVoyage.client.ressources.Ressources;
 
import com.allen_sauer.gwt.log.client.Log;
import com.google.gwt.core.client.GWT;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.uibinder.client.UiHandler;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.FocusPanel;
import com.google.gwt.user.client.ui.Panel;
import com.google.gwt.user.client.ui.Widget;
 
public class Accueil extends Composite {
 
	private static final Binder binder = GWT.create(Binder.class);
	interface Binder extends UiBinder<Widget, Accueil> {}
    static {
    	Ressources.INSTANCE.uiAccueilStyle().ensureInjected();  
    }
 
    @UiField
    FocusPanel connexionPanel;
 
	public Accueil(){
		initWidget(binder.createAndBindUi(this));
	}
 
 
	@UiHandler("connexionPanel")
	void handleClick(ClickEvent e){
		Login wpForm = new Login();
		wpForm.center();
 
 
	  }
 
}

Mon but en faite c'est que ma dialogBox transmette des informations ( ex : le nom ) à la page accueil afin de mettre à jour un label par exemple "Bonjour Mr Bidule"

une petite idée ??

Bonjour,

Moi je ferais ça tout simplement

Label loginLabel = new Label();

et ensuite je fais un loginLabel.setText(login.getNickName());

Maxime

C'est pas sa mon problème, c'est comment passer des informations de mon dialogBox à mon panel principal ?

Tu manipules des Objets. Ton panel affiche ton dialog donc il le "connait". Tu peux passer une référence de ton panel à ton dialog, dans le constructeur pas exemple.
Puis lorsque le dialog "disparait" tu fait un setLogin (méthode à implémenter) sur le panel.

C'est une façon de faire mais il y en a plusieurs, il suffit de raisonner Objet et pas page HTML classique, c'est un des intérêt de GWT.

J'ai finalement trouvé une solution élégante et respectant le concept de GWT. Je me suis appuyé sur le modèle MVP et j'ai mis en place un "Event Bus" de façon à dialoguer entre mes objets.

Merci