Les Composants et leurs méthodes - MaximeOpsommer/TP-Vaadin GitHub Wiki

Rendre visible ou non un composant :

• MonComposant.setVisible(BOOLOEAN);

Utiliser la valeur du composant :

• MonComposant.getValue();

Mettre une valeur à un composant :

• MonComposant.setValue(valeur);

Maximiser la taille du composant:

• MonComposant.setSizeFull();

• Label MonLabel = new Label("Ceci est un label");

• private TextField MonTextFieldNom = new TextField("Prenom");

Ajout d'un texte d'attente (placeholder) dans le TextField:

• MonTextField.setPlaceholder("Ecrit dans ce textfield");

Ajout d'un titre :

• MonTextField.setCaption("Titre");

Ajout d'un évènement lors du changement du textfield:

• MonTextField.addValueChangeListener(e -> MaMéthode());
• MonTextField.setValueChangeMode(ValueChangeMode.LAZY); // Change mode basic

• private DateField MonDateFieldAnniversaire = new DateField("Anniversaire");

• private Button MonBouton = new Button("Mon Bouton");

Ajout d'un événement sur le bouton:

• MonBouton.addClickListener(e -> this.MaMéthode());
• Si il y a plusieurs méthodes
• MonBouton.addClickListener(e -> {
• this.MaMéthode1());
• this.MaMéthode2());
• });

Ajout d'un StyleName:

• MonBouton.setStyleName(ValoTheme.BUTTON_PRIMARY); // Ici le thème de base

Ajout d'un Raccourci clavier:

• MonBouton.setClickShortcut(KeyCode.ENTER); // Ici ENTER

Ajout d'une description:

• MonBouton.setDescription("Ceci est une description");

Rendre un bouton disable

• MonBouton.SetEnable(boolean);

Utile pour faire par exemple des tableaux, utilisé dans MyUi.

• private Grid<Customer> MonGrid = new Grid<>(Customer.class);

Mettre des noms de colonnes dans le Grid:

• MonGrid.setColumns("Nom", "Prénom", "Anniversaire");
• Ici les noms des colonnes doivent être les mêmes que les attributs de la Classe mis en paramètre de Grid.
• Les getters et les setters doivent aussi suivre une nomenclature particulière.
• private String firstName;
• public String getFirstName();
• public void setFirstName();

Mettre des Items dans le Grid:

• MonGrid.setItems(MesItems); // MesItems = List<Item>

Pour ajouter un évènement lors de la selection d'une ligne:

• MonGrid.asSingleSelect().addValueChangeListener(e -> this.MaMéthode());
• Si tu cliques sur une ligne du tableau, le e contient l'Item en question.
• Si l'item est désélectionné, l'évènement sera appelé avec e contenant null.

Pour Désélectionner l'Item:

• MonGrid.asSingleSelect().clear();