Affichage de listes interactives d'enregistrements de tables ou de sorties de connecteurs dans les applications

Voici comment afficher des listes cliquables d'enregistrements ou d'objets dans une application.

Dans cet article, vous apprendrez...

• Comment afficher plusieurs enregistrements d'une table en fonction d'une variable
• Comment sélectionner un enregistrement dans la liste et le charger dans une application
• Comment transformer la sortie d'un connecteur en une liste interactive
• Comment activer une logique de déclenchement lorsqu'un opérateur sélectionne une ligne dans une liste interactive.

Remarque : pour pouvoir utiliser ce tutoriel, vous devez savoir comment créer un tableau. Consultez ce guide séparé si vous ne l'avez pas encore fait.

Avez-vous besoin d'afficher l'une de ces ressources courantes de l'atelier à vos opérateurs et techniciens ?

• Une liste des affectations des bons de travail par poste de travail
• Les machines qui doivent être inspectées
• Les outils et leur emplacement dans votre établissement
• Les problèmes enregistrés à un poste et leur progression jusqu'à la résolution.
• Des listes de matériaux

Si c'est le cas, vous devrez utiliser le widget Embedded Table dans l'éditeur d'applications.

Le widget Embedded Table peut être alimenté par les sources de données suivantes :

• Plusieurs lignes d'une sortie SQL
• Tableau d'objets provenant d'un connecteur HTTP
• Enregistrement de la table Tulip
• Champs de l'utilisateur

Après avoir configuré la source de données, vous pouvez afficher des listes filtrées aux opérateurs et leur permettre de cliquer sur n'importe quelle ligne du tableau. Vous pouvez même déclencher une logique de déclenchement après qu'ils aient choisi un enregistrement.

Ce guide vous montrera comment créer des tableaux interactifs pour chaque source de données utilisée ci-dessus.

Si vous souhaitez voir un exemple en contexte, consultez ce guide sur la visibilité des bons de travail par station.

Ajout du widget de tableau incorporé

Tableaux

Tout d'abord, créez un enregistrement Placeholder sur le côté gauche de l'écran. Cela vous permettra de charger un enregistrement de la liste dans l'application.

Ensuite, ajoutez le widget à une étape en sélectionnant "Embed" dans la barre d'outils, puis "Tulip Table".

Ensuite, liez-le à une table Tulip via la liste déroulante "Data Source" :

Après cela, vous pouvez lier la table intégrée à un enregistrement Placeholder et commencer à ajouter des filtres dans le volet contextuel. Voici à quoi cela ressemble :

Pour ajouter des colonnes, sélectionnez-les dans la liste déroulante pour les ajouter une par une.

Vous pouvez modifier la disposition du tableau en faisant glisser chaque colonne dans l'éditeur d'applications ou le lecteur pour modifier la largeur des colonnes.

Sortie du connecteur

Voici comment créer des listes interactives à partir de la sortie du connecteur.

Tout d'abord, configurez un connecteur qui envoie un tableau à votre application Tulip. Pour savoir comment configurer la connexion entre les connecteurs et les applications, cliquez ici.

Ensuite, ajoutez le tableau embarqué à une étape comme indiqué ci-dessus.

Ensuite, sélectionnez "Variable" comme source de données et choisissez la variable qui stocke le tableau de sortie d'une fonction du connecteur.

Enfin, choisissez une variable de type "Object" pour stocker la sortie ou créez-en une dans la boîte de dialogue "Linked Variable".

Ensuite, sélectionnez une colonne pour chaque propriété de l'objet que vous souhaitez afficher.

Déclenchement de la logique de déclenchement et conception d'une étape

Après avoir configuré votre tableau incorporé, vous pouvez l'utiliser de deux manières :

1. Déclencher immédiatement une action de déclenchement lorsqu'un opérateur appuie sur une ligne.
2. Mettre à jour une variable ou un enregistrement Placeholder et ne pas déclencher de déclencheur.

Cette section vous montre comment configurer ces deux situations dans votre application.

Logique de déclenchement du Trigger

Pour ajouter un déclencheur qui se déclenche lorsqu'une ligne est pressée ou cliquée dans le lecteur, cliquez sur le bouton "+" à côté de l'étiquette du déclencheur dans le volet contextuel. Vous verrez que l'éditeur de déclencheurs s'ouvre avec la clause "When" définie sur "when a row is selected".

Conception d'une étape

Voici un aperçu d'une façon populaire d'utiliser le tableau incorporé dans le lecteur :

Le tableau incorporé est utilisé avec deux autres widgets :

1. Le widget de texte pour indiquer à l'opérateur de cliquer ou d'appuyer sur un enregistrement.
2. Le widget d'enregistrement du tableau pour montrer quel enregistrement a été sélectionné.

Afin de sélectionner un enregistrement, l'opérateur doit appuyer sur un enregistrement, mais vous voudrez probablement lui donner un retour d'information lui indiquant qu'il a sélectionné le bon enregistrement.

Pour ce faire, ajoutez le widget texte "Enregistrement du tableau" à l'étape.

Ensuite, liez-le au même emplacement d'enregistrement que le tableau incorporé dans le volet contextuel :

Testez-le dans le lecteur, et l'emplacement de l'enregistrement devrait se mettre à jour en temps réel.

Modification de l'affichage du tableau incorporé

Taille des rangées

Par défaut, la taille de la ligne est optimisée pour être cliquée sur un ordinateur portable ou de bureau. Cependant, vous pouvez souhaiter que chaque ligne soit plus grande afin qu'elle soit facilement accessible sur une tablette ou un appareil mobile.

Pour ce faire, modifiez la "Taille de la police" dans le volet contextuel. Cela augmentera automatiquement la hauteur de la rangée pour s'adapter à la taille de la police.

Boutons pour chaque rangée

Pour supprimer le bouton situé à côté de chaque ligne, basculez l'option "Select Button" pour afficher ou masquer les boutons.

Que vous activiez ou non l'option "Bouton de sélection", les rangées peuvent être sélectionnées en appuyant ou en cliquant sur n'importe quelle partie de la rangée.

Index des rangées

Lorsque cette option est activée, l'index de l'enregistrement s'affiche dans le tableau.

Lignes par page

Déterminez le nombre de lignes disponibles à la fois dans le tableau.

Configuration des filtres et du tri dans le widget

Cette section ne s'applique qu'aux tables incorporées qui sont connectées aux tables Tulip et aux champs utilisateur.

Vous souhaiterez probablement filtrer la liste des enregistrements qui sont affichés à l'opérateur. Vous pourriez vouloir la filtrer en fonction de :

1. La station qui exécute l'application
2. L'opérateur qui utilise l'application
3. Une valeur dans une variable de l'application
4. Quelque chose d'autre !

Cliquez sur l'icône "Modifier" à côté de l'option Filtres pour configurer un filtre.

Les options de filtre comprennent :

1. Valeur statique
2. Variable
3. Enregistrement de la table des tulipes
4. Informations sur l'application

Tout d'abord, choisissez le champ de la table dans lequel vous souhaitez configurer un filtre. Ensuite, choisissez une condition. Dans l'option "Variable", vous verrez à la fois les métadonnées de l'application, comme l'utilisateur et la station, et les variables liées à l'application.

Après avoir sélectionné un filtre, cliquez sur le "X" en haut à droite de la modale.

Vous pouvez configurer le tri du tableau intégré avec l'option "Trier par".

Autres lectures

• Comment utiliser les enregistrements de tableau dans l'éditeur d'applications
• Comment accéder aux résultats des fonctions du connecteur dans les applications ?
• Comment obtenir une visibilité en temps réel des bons de travail par station ?

Vous avez trouvé ce que vous cherchiez ?

Vous pouvez également vous rendre sur community.tulip.co pour poser votre question ou voir si d'autres ont été confrontés à une question similaire !