Tableau

Cet écran permet de présenter le composant tableau et expliquer son utilisation afin de créer un widgetTable.

Présentation

Le composant tableau est un composant organisationnel. Il permet d'afficher un tableau afin de lister les enregistrements.

Démonstration

Pour ce faire, il faut,

1. Ajouter le composant tableau

Il suffit soit de sélectionner le composant et de le glisser à l’endroit désiré sur le formulaire, soit de cliquer sur le composant et celui-ci apparaîtra à l’endroit sélectionné sur le formulaire.

2. Changer la source de données du composant Tableau

Il faut sélectionner la source de donnée que le composant Tableau doit utiliser. Dans notre cas il s’agit de la source de donnée utilisant le varset patient : Listing patients

Seules les sources de données de type Varset ou Relation peuvent être utilisées par le composant Tableau. Par conséquent, les sources de données de type Libre ne sont pas proposées dans ce champ.

3. Utiliser les colonnes

Ajouter des colonnes

Pour ajouter une colonne, il faut ouvrir la liste déroulante du champ Colonnes du composant, sélectionner la variable à ajouter puis cliquer sur ajout.

Seules les variables présentes dans la source de donnée sont proposées. Les variables customs de la source de données sont également présentes dans la liste.

Changer l’ordre des colonnes

Pour changer l’ordre des colonnes, dans le panel de droite, il faut sélectionner l’une des colonnes et la glisser à l’endroit voulu.

Changer les propriétés des colonnes

Pour accéder à l’interface des propriétés d’une colonne, vous pouvez :

  • Cliquer sur la colonne présente dans le formulaire

  • Cliquer sur le bouton d’édition d’une colonne

Sur cette interface, il est possible de :

  • Renommer le titre de la colonne

  • D’ajouter une classe CSS sur la colonne

  • D’ajouter une condition d’affichage

  • D’ajouter des propriétés personnalisées

Supprimer une colonne

Pour supprimer une colonne, il faut cliquer sur le symbole “Poubelle” présent pour chaque colonne, dans la liste des colonnes.

4. Ajouter un menu

Ajouter un menu

Pour ajouter un menu, il faut cliquer sur le bouton Ajouter un nouveau conteneur d'action.

Une fois le conteneur d’action ajouté, la colonne Menu est disponible, et éditable, dans la liste des colonnes.

Ajouter une action

En éditant le Menu, il est possible d’ajouter des actions. Pour cela, il faut sélectionner le template d’action désiré et cliquer sur Ajout. Une fois une action ajoutée, vous pouvez l’éditer pour la personnaliser.