Comment sélectionner les lignes d’une liste de données à l’aide de boutons radio ?

Dans cet exemple, vous apprendrez à utiliser des boutons radio pour sélectionner une ligne de données.

Voici comment le construire :

Voir 

  • Allez dans la palette des maîtres de données et cliquez sur le bouton « + » pour créer un nouveau « maître de données », nommez-le « Échantillon », créez deux attributs : « Nom » et « Nom de famille », cliquez sur « Ok ».
  • Cliquez avec le bouton droit de la souris sur la « Base de données » que vous venez de créer et sélectionnez « Afficher et modifier les enregistrements ».
  • Inscrivez vos données d’exemple, puis appuyez sur « Ok ».
  • Sélectionnez « Liste de données » dans la section « Contenu dynamique » et placez-la sur le canevas, la fenêtre « Nouvelle liste de données » sera activée, et vous serez invité à nommer votre liste, puis à choisir la « Base de données » que vous avez créée et à sélectionner tous les attributs. Cliquez sur « Ok » pour terminer la création de la liste.
  • Dans la bibliothèque des widgets de base, formulaires et entrées, sélectionnez un « bouton radio », maintenez la touche commande (Mac) ou contrôle (Windows) enfoncée et faites-le glisser à l’intérieur de la première rangée. Vous verrez une teinte bleue lorsque vous tirez un élément à l’intérieur.
  • Placez deux « textes » à côté de votre « liste de données », écrivez « Nom » et « Prénom », puis placez deux « champs de texte de saisie » à côté de chaque texte.
  • Sélectionnez le « champ de texte de saisie » et, dans la palette Propriétés, sélectionnez la bordure inférieure pour la rendre visible dans la simulation, puis répétez l’opération pour le deuxième « champ de texte de saisie ».
  • L’en-tête de la « Liste de données » peut être modifié à partir de la palette des propriétés pour changer l’arrière-plan et la couleur du texte.

Evénements

Sélectionnez le « bouton radio » et cliquez sur « Ajouter un événement » dans la palette des événements.

  1. Dans la boîte de dialogue, cliquez sur « Choose Trigger », survolez la section « Mouse » et sélectionnez « on Click ».
  2. Dans « Choose Action », sélectionnez « Set value to an element » et cliquez sur le nom « Input text field ».
  3. Sélectionnez le bouton radio « Calculé » pour la valeur et cliquez sur « Ajouter une expression ».
  4. Glissez et déposez l’entrée [Sample .Name] dans le champ du constructeur d’expression. Cliquez sur « Ok » et « Ok » pour terminer la création de l’événement.

Retournez dans la palette Événements, avec le bouton radio sélectionné, et cliquez sur le « + » pour ajouter un nouvel événement.

  1. Dans la boîte de dialogue, cliquez sur « Choose Trigger », survolez la section « Mouse » et sélectionnez « on Click ».
  2. Dans « Choose Action », sélectionnez « Set value to an element » et cliquez sur le dernier nom « Input Text Field ».
  3. Sélectionnez le bouton radio « Calculé » pour la valeur et cliquez sur « Ajouter une expression ».
  4. Faites glisser et déposez l’entrée [Sample .Last name] dans le champ du constructeur d’expression. Cliquez sur « Ok » et « Ok » pour terminer la création de l’événement.

Simulez votre prototype.