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.