Comment prototyper une liste de données sur place ?

Dans cet exemple, vous apprendrez à prototyper une liste de données en vue d’une modification sur place.

Voici comment le construire :

Voir

  • Allez dans la palette Maîtrise des données et créez une nouvelle « Maîtrise des données », nommez-la « Modification des données » et créez un attribut appelé « Nom », puis appuyez sur « Ok ».
  • Cliquez avec le bouton droit de la souris sur la « Base de données » que vous venez de créer, sélectionnez « Voir et modifier les enregistrements » pour écrire vos données d’exemple, et 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 ; donnez un nom à votre liste, choisissez ensuite la base de données que vous avez créée précédemment et sélectionnez l’attribut.
  • Sélectionnez le contenu de la cellule de la ligne et cliquez avec le bouton droit de la souris, survolez « Grouper » et sélectionnez « Grouper dans le panneau dynamique ».
  • Sélectionnez le « panneau dynamique » et cliquez sur l’icône « + » ci-dessus pour créer un deuxième panneau.
  • Placez un « champ de texte de saisie » de la section « Champs de saisie interactifs » à l’intérieur de votre deuxième panneau ; maintenez la touche Commande (Mac) ou Contrôle (Windows) enfoncée et faites glisser l’élément à l’intérieur. Vous verrez une teinte bleue lorsque vous faites glisser l’élément.

Pour cet exemple : Allez dans l’onglet Maîtrise des données, développez-le et faites glisser l’attribut « Nom » sur le texte de saisie, l’attribut « Nom » sera ajouté, supprimez-le pour que nous n’ayons que la boîte de saisie. Redimensionnez le « panneau dynamique » pour afficher la totalité de la saisie.

Evénements

Sélectionnez le « Texte » dans le premier panneau, allez dans la palette Événements et cliquez sur « Ajouter un é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 active panel » et cliquez sur le panneau numéro 2. Cliquez sur « Ok » pour terminer la création de votre événement.

Sélectionnez l’entrée à l’intérieur du panneau numéro 2, allez dans la palette Événements et cliquez sur « Ajouter un événement ».

  1. Cliquez sur « Choose Trigger » dans la boîte de dialogue et sélectionnez « on Change ».
  2. Dans « Choose Action », sélectionnez « Data master action » et cliquez sur « Modify » pour ouvrir le constructeur d’expressions.
  3. Dans le premier champ, vous verrez la fonction « Modifier » après tous les domaines que vous avez dans votre base de données.
  4. Faites glisser la « ligne actuelle » de l’onglet des calques vers le premier champ en tant que valeur après avoir sélectionné le « champ de texte d’entrée » et placez-la dans le champ de nom en tant que valeur. Cliquez sur « Ok » et « Ok » pour terminer la création de votre événement.

Allez dans la palette Événements et cliquez sur l’icône « + » 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 Focus out ».
  2. Dans « Choose Action », sélectionnez « Set active panel » et cliquez sur le panneau numéro 1. Cliquez sur « Ok » pour terminer la création de votre événement.

Simulez votre prototype.