« Gambas 3/WebFormApp » : différence entre les versions

Contenu supprimé Contenu ajouté
petit changement
Ajout des autres contrôles
Ligne 48 :
 
C'est l'élément qui sera cliqué au final. C'est l'entrée du menu qui définit l'action.
 
==== Propriété(s) ====
 
Text
 
==== Événement(s) ====
 
L'événement _Click() est déclenché quand l'utilisateur clique sur l'entrée du menu.
 
==== Propriété(s) ====
 
Text
 
=== WebHtml ===
Ligne 93 :
La propriété Value accepte un Double entre 0.0 et 1.0 pour définir le pourcentage.
 
=== WebContainer ===
 
C'est un conteneur. Il peut être utilisé pour disposer les contrôles enfants mais aussi comme spacer c'est à dire comme un espace qui s'étend afin de garder le contrôle lorsque l'utilisateur modifie la taille de la fenêtre par exemple.
 
==== Propriété(s) ====
 
La propriété Arrangement est essentielle. Mettez Row pour arranger les contrôles comme des mots dans un paragraphe. La propriété Border est un booléen vous permettant de faire apparaître la bordure.
 
=== WebHBox ===
 
C'est un raccourci pour placer un conteneur qui organise les contrôles enfants horizontalement.
 
=== WebVBox ===
 
C'est un raccourci pour placer un conteneur qui organise les contrôles enfants verticalement.
 
=== WebExpander ===
 
Un conteneur qui permet de masquer ou d'afficher son contenu.
 
==== Événement(s) ====
 
Les événements sont _Hide() et _Show()
 
==== Propriété(s) ====
 
La propriété importante à connaître est le booléen Hidden. Si la valeur est True, le contenu est masqué.
 
=== WebScrollView ===
 
Il semble que ce contrôle ne soit pas encore opérationnel. On verra dans le futur.
 
=== WebTabPanel ===
 
Un conteneur avec des onglets. Lorsque l'utilisateur active un onglet, le contenu des autres onglets est masqué automatiquement.
 
==== Événement(s) ====
 
L'événement _Click() se produit lorsque l'utilisateur change d'onglet.
 
==== Propriété(s) ====
 
La propriété Index est un Integer. La valeur 0 correspond au premier onglet sélectionné.
 
=== WebDateBox ===
 
Un contrôle permettant à l'utilisateur de sélectionner une date ou une date et une heure.
 
==== Événement(s) ====
 
L'événement _Change() se produit lors d'un changement de valeur.
 
==== Propriété(s) ====
 
La propriété Date vous donne le moment sélectionné par l'utilisateur. Cette propriété est de type DateTime.
 
=== WebDateChooser ===
 
Un contrôle permettant à l'utilisateur de sélectionner une date (mais sans spécifier l'heure).
 
==== Événement(s) ====
 
L'événement _Change() se produit lors d'un changement de valeur.
 
==== Propriété(s) ====
 
La propriété Value vous donne la date choisie.
 
=== WebRadioButton ===
 
Un bouton option. Comme dans les autres langage, seul un bouton option peut être activé. Cliquer sur un bouton radio aura pour effet de désactiver tous les autres.
 
==== Événement(s) ====
 
L'événement est _Click()
 
==== Propriété(s) ====
 
La propriété Value vous renvoie un booléen. True si l'option a été choisie.
 
=== WebCheckBox ===
 
C'est le contrôle correspondant a une case à cocher.
 
==== Événement(s) ====
 
L'événement est _Click()
 
==== Propriété(s) ====
 
La propriété Checked a la valeur True lorsque c'est coché.
 
=== WebSpinBox ===
 
Un contrôle pour laisser l'utilisateur choisir une valeur entière avec une borne minimale et une borne maximale.
 
==== Événement(s) ====
 
L'événement _Change() se produit lors d'un changement de valeur.
 
==== Propriété(s) ====
 
Les propriétés Min et Max vous permettent de spécifier les bornes. La propriété Value renvoie la sélection actuelle.
 
=== WebComboBox ===
 
J'ai pu constater que le comportement de ce contrôle n'est pas encore parfait mais il est utilisable comme suit : utilisez d'abord la méthode Clear() pour enlever les anciens éléments. Ajoutez d'abord un texte "Veuillez sélectionner" puis ajouter les autres valeurs avec la méthode Add().
 
Voici le code pour l'exemple :
 
WebComboBoxChoice.Clear()
WebComboBoxChoice.Add("veuillez sélectionner", 0)
WebComboBoxChoice.Add("un", 1)
WebComboBoxChoice.Add("deux", 2)
WebComboBoxChoice.Add("trois", 3)
WebComboBoxChoice.Index = 1
 
==== Événement(s) ====
 
L'événement _Click() se produit lors d'un changement de sélection.
 
==== Propriété(s) ====
 
La propriété Index vous renvoie un Integer correspondant à l'index sélectionné. Zéro correspond au texte "Veuillez sélectionner".
 
=== WebTable ===
 
Le contrôle WebTable sert à afficher des données sous forme d'un tableau. Vous décidez si l'utilisateur ne peut que lire les données ou s'il peut sélectionner une ligne ou plusieurs lignes.
 
Plusieurs astuces sont nécessaires pour utiliser ce contrôle. La première est d'enregistrer les données avant de les afficher. Avec une base de données MySQL, vous pouvez créer une table temporaire comme suit :
 
DROP TABLE IF EXISTS TempTable
SELECT * INTO TempTable FROM Data
 
Ensuite, vous utiliser la table TempTable pour remplir les données du contrôle et pour retrouver les valeurs du contrôle sélectionné.
 
La deuxième astuce consiste à n'ajouter les colonnes que si elles ne sont pas déjà présentes.
 
WebTableData.Clear()
If WebTableData.Columns.Count <> 2 Then
WebTableData.AddColumn("Id")
WebTableData.AddColumn("Description")
Endif
WebTableData.ShowHeader = False
WebTableData.Count = 4
 
==== Événement(s) ====
 
L'événement _Select() se produit à chaque changement de sélection.
 
L'événement _Data() permet de fournir au contrôle les données à afficher.
 
==== Propriété(s) ====
 
La propriété Mode définit si l'utilisateur peut sélectionner. La propriété Selection renvoie un tableau d'entier correspondant aux index des lignes sélectionnées.
 
=== WebSlider ===
 
Ce contrôle ressemble au WebSpinBox.
 
==== Événement(s) ====
 
L'événement _Change() se produit lors d'un changement de valeur.
 
==== Propriété(s) ====
 
MaxValue, MinValue pour définir les bornes et Value pour trouver la valeur choisie.
 
=== WebSlider ===
Je continuerai l'énumération des contrôles ici.
 
Ce contrôle est encore mystérieux pour moi. Votre aide est bienvenue si vous maîtrisez son fonctionnement.
 
== Débogage ==