Synchronisation des données via LiveBindings

De RAD Studio
Aller à : navigation, rechercher

Remonter à Concepteur LiveBindings


Le Concepteur LiveBindings vous permet de synchroniser les différents contrôles qui supportent LiveBindings en utilisant les propriétés exposées suivantes :

  • Synch
  • *

Ces propriétés sont visibles dans les diagrammes LiveBindings pour certains contrôles). Cette rubrique décrit comment synchroniser une zone de liste avec une grille de chaînes et un navigateur de liaisons au moyen des propriétés Synch et *.

Prérequis

Vous devez d'abord créer une nouvelle Application FireMonkey (voir Application multi-périphérique ou Experts de création de composants et d'applications multi-périphériques FireMonkey).

Dans la fiche principale, déposez ces composants :

  • TPrototypeBindSource -- il fournit les données exemple.
  • TBindNavigator -- il fournit la fonctionnalité de navigation pour les données exemple.
  • TListBox -- il affiche certaines informations (par exemple, les noms des couleurs alpha).
  • TStringGrid -- il affiche les informations relatives aux données exemple.

Cliquez sur le composant Grille de chaînes (StringGrid1) et, depuis l'inspecteur d'objets définissez la propriété Options.goEditing sur True. Cela permet d'éditer directement les éléments dans la grille de chaînes.

Connexion via LiveBindings

Lancez le Concepteur LiveBindings et connectez :

  • la propriété * de PrototypeBindSource1 à la propriété * de BindNavigator1.
  • la propriété * de PrototypeBindSource1 à la propriété * de StringGrid1.
  • la propriété * de PrototypeBindSource1 à la propriété Synch de ListBox1.

A ce stade, la zone de liste est synchronisée avec la grille de chaînes et le navigateur de liaisons contrôle la navigation parmi les données exemple.

Maintenant, vous devez ajouter quelques données exemple au composant source de liaison prototype. Reportez-vous au Tutoriel : Utilisation de TPrototypeBindSource et du Concepteur LiveBindings pour découvrir comment ajouter des données exemple. Pour les besoins de cet exemple, vous devez ajouter ColorsNames et BitmapNames.

Dans le Concepteur LiveBindings :

  • liez la propriété BitmapName1 de PrototypeBindSource1 à la propriété Item.Text du composant ListBox1.

Votre diagramme de liaison apparaît comme sur la figure suivante :

LBSynch1.png

Comme vous pouvez le constater, les données de la grille de chaînes et de la zone de liste sont automatiquement mises à jour sur la fiche :

LBSynch2.png

Exécution de l'application

Exécutez l'application en appuyant sur F9 ou en sélectionnant Exécuter > Exécuter dans le menu principal.

Vous pouvez parcourir les données exemple via le navigateur de liaisons ou en sélectionnant un élément particulier dans la zone de liste ou dans la grille de chaînes. Vous pouvez également mettre à jour le nom d'un élément dans la grille de chaînes (la mise à jour est effectuée automatiquement dans la zone de liste).

LBSynch3.png

Voir aussi