Table

Click to copy

Élément permettant d'afficher les enregistrements de la base de données


Réglage initial :

Model- modèle de données de la table.

Endpoint- source de données de la table.


Paramètres de l'apparence et de la convivialité :

Title(non obligatoire) - titre du tableau.

Width(obligatoire) - largeur de la table.

Style(obligatoire) - taille des lignes de la table.

Pagination(obligatoire) - activation et désactivation de la pagination. Activé par défaut.

Page size (non obligatoire) - les lignes par page.

Border (obligatoire) - bordures de la table.

Name (obligatoire) - nom de la table.

Visible (obligatoire) - rend la table visible si elle est activée. Activé par défaut.


Données :

Dans cette section, vous pouvez gérer les colonnes du tableau.


Déclencheurs de flux de travail :

  • onCreate- se déclenche lorsque le composant est créé sur la page ;
  • onShow- se déclenche lorsque le composant passe à l'état visible (affiché sur la page) ;
  • onHide- se déclenche lorsque le composant passe à l'état caché (cesse d'être affiché) ;
  • onDestroy- se déclenche lorsque le composant est détruit ;
  • onDataUpdate- est déclenché par le bloc Table Update Data ;
  • onRowClick- se déclenche en cliquant sur une ligne ;
  • onRowDoubleClick- se déclenche en double-cliquant sur une ligne ;
  • onFilter- se déclenche lorsque le tableau est paginé ;

Actions des composants :

Table Get properties

Obtient les propriétés de la table.

Paramètres d' entrée:

  • Component Id [string] - identifiant du composant de la table.

Paramètres de sortie:

  • Title[string] - titre du tableau ;
  • Style[enum] - style de la table ;
  • Pagination[boolean] - état de la pagination ;
  • Bordered[boolean] - état de la bordure ;
  • Visible[boolean] - état de visibilité ;
  • Loading[boolean] - état de chargement ;
  • Current page [integer] - page de table actuelle ;
  • Records per page [integer] - nombre d'enregistrements par page de table ;
  • Total records [integer] - nombre total d'enregistrements dans la table.

Table Set Properties

Définit les propriétés de la table.

Input parameters :

  • Component Id [string] - identifiant du composant de la table ;
  • Title[string] - titre du tableau ;
  • Style[enum] - style de la table ;
  • Pagination[boolean] - état de la pagination ;
  • Bordered[boolean] - état de la bordure ;
  • Visible[boolean] - état de visibilité ;
  • Loading [boolean] - état de chargement ;
  • Current page [integer] - page de table actuelle ;
  • Records per page [integer] - nombre d'enregistrements par page de table ;
  • Total records [integer] - nombre total d'enregistrements dans la table.

Table Update Properties

Update the table properties.

Paramètres d' entrée:

  • Component Id [string] - identifiant du composant de la table ;
  • Title[string] - titre du tableau ;
  • Style[enum] - style de la table ;
  • Pagination[boolean] - état de la pagination ;
  • Bordered[boolean] - état de la bordure ;
  • Visible[boolean] - état de visibilité ;
  • Loading [boolean] - état de chargement ;
  • Current page [integer] - page de table actuelle ;
  • Records per page [integer] - nombre d'enregistrements par page de table ;
  • Total records [integer] - nombre total d'enregistrements dans la table.

Table Get Data

Obtient les données de la table

Paramètres de saisie:

  • Component Id[string] - identifiant du composant de la table.

Paramètres de sortie:

  • Records[integer] - nombre d'enregistrements dans la table ;
  • Data[model] - données de la table. À indiquer dans le processus de gestion lorsque l'identifiant du composant est spécifié uniquement ;

Table Update Data

Update table data

Paramètres de saisie:

  • Data[model] - données de la table. A afficher dans le processus de gestion lorsque le Component ID est spécifié uniquement ;
  • Component Id[string] - identifiant du composant de la table.
  • Total Records[integer] - le nombre d'enregistrements dans la table.
  • _limit[integer] - le nombre maximum possible d'entrées dans la table ;
  • _offset [integer] - le décalage de l'enregistrement actuel par rapport au premier enregistrement.

Table Clear Data

Clear table data

Paramètres d' entrée:

  • Component Id[string] - identifiant du composant de la table.


Exemple d'utilisation :

Getting data for a table

Advanced table design