Discussion :

[H3bus]

Bonjour à tous,

Débutant avec GWT et Javascript en général, j'essaie de créer une interface assez sommaire, comprenant un TabPanel muni de 3 onglets, chacun comprenant 3 groupes de 7 Checkboxes, et un bouton de confirmation. Mais comment faire ? J'ai déjà rédigé un bout de code, mais je pédale un peu au moment d'integrer des widgets dans des onglets.

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
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
package fr.lgm.client;
 
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.CheckBox;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TabPanel;
import com.google.gwt.user.client.ui.Widget;
 
public class Demo implements EntryPoint {
 
    CheckBox PortALed1 =  new CheckBox(""); //création des checkboxes... Moyen plus simple de les créer ?
    CheckBox PortALed2 =  new CheckBox("");
    CheckBox PortALed3 =  new CheckBox("");
    CheckBox PortALed4 =  new CheckBox("");
    CheckBox PortALed5 =  new CheckBox("");
    CheckBox PortALed6 =  new CheckBox("");
    CheckBox PortALed7 =  new CheckBox("");
 
    CheckBox PortBLed1 =  new CheckBox("");
    CheckBox PortBLed2 =  new CheckBox("");
    CheckBox PortBLed3 =  new CheckBox("");
    CheckBox PortBLed4 =  new CheckBox("");
    CheckBox PortBLed5 =  new CheckBox("");
    CheckBox PortBLed6 =  new CheckBox("");
    CheckBox PortBLed7 =  new CheckBox("");
 
    CheckBox PortCLed1 =  new CheckBox("");
    CheckBox PortCLed2 =  new CheckBox("");
    CheckBox PortCLed3 =  new CheckBox("");
    CheckBox PortCLed4 =  new CheckBox("");
    CheckBox PortCLed5 =  new CheckBox("");
    CheckBox PortCLed6 =  new CheckBox("");
    CheckBox PortCLed7 =  new CheckBox("");
 
    Button w = new Button("Ecriture", new ClickListener() {//création de bouton ecriture
        public void onClick(Widget sender) {
          Window.alert("Eciture en cours");
        }
 
      });
    Button r = new Button("Lecture", new ClickListener() {//création du bouton lecture
        public void onClick(Widget sender) {
          Window.alert("Lecture en cours");
        }
 
      });
 
    TabPanel tp = new TabPanel();
 
  public void onModuleLoad() {
 
	  	tp.insert(w,"Write", 0);//insertion du bouton write dans un premier onglet
	    tp.insert(r,"Read", 1);//insertion du bouton read dans un second onglet
 
	    tp.selectTab(0);
 
	    RootPanel.get().add(tp);
  }
 
}

N'y aurait il pas un moyen plus efficace de déclarer les Checkbox ? Comment les insérer dans un onglet ?

Merci d'avance, et désolé de mon inexpérience !

[mamelouk]

Salut,

CheckBox[10] checkBoxes = new CheckBox[10] ?
+ initialisation dans une boucle for ?


Pour le reste, ca veut dire quoi "Comment les insérer dans un onglet ?"

[H3bus]

Quel nul, j'aurais du penser au tableau moi même...

Pour ce qui est des onglets, j'avais l'idée d'un TabPanel, comme celui ci, avec dans chaque onglet un certain nombre de Checkbox et autres widgets. Mais je ne saisis pas bien comment les insérer dedans...

En tout cas, merci beaucoup pour ton aide !

[mamelouk]

il y a le code source dans le lien que tu m'as filé ^^

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
    // Add a home tab
    String[] tabTitles = constants.cwTabPanelTabs();
    HTML homeText = new HTML(constants.cwTabPanelTab0());
    tabPanel.add(homeText, tabTitles[0]);
 
    // Add a tab with an image
    VerticalPanel vPanel = new VerticalPanel();
    vPanel.add(Showcase.images.gwtLogo().createImage());
    tabPanel.add(vPanel, tabTitles[1]);
 
    // Add a tab
    HTML moreInfo = new HTML(constants.cwTabPanelTab2());
    tabPanel.add(moreInfo, tabTitles[2]);

tu met tes checkbox dans un panel, puis tu ajoute le panel au TabPanel à l'aide de la méthode add()

[H3bus]

tu met tes checkbox dans un panel, puis tu ajoute le panel au TabPanel à l'aide de la méthode add()

Mais oui ! C'est ça ! Ca marche !

Merci beaucoup ! En fait, j'essayais de les ajouter une par une dans l'onglet, ce qui ne marchait pas...

Tu m'as retiré une bonne épine du pied...

Dernière question : une fois l'interface terminée, quels sont les fichiers à héberger pour mettre l'interface en ligne ?

Par exemple : Si l'utilisateur coche une chekbox, comment récupérer cette valeur ?

Merci et désolé si je ne suis pas clair...

[mamelouk]

c'est clair, t'es pas clair

je te conseille de faire le tutoriel officiel (le lien que tu m'as donné plus haut), tu trouvera les réponses à tes questions (notamment sur la communication client/serveur)