Relselect

Paramètres initiaux

Data source - modèle de données à utiliser pour afficher les options de la liste déroulante.

Mode - choisir Multiple pour pouvoir sélectionner plusieurs options dans la liste déroulante. Sinon, il faut utiliser le mode, Single mode doit être utilisé.

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

Label (non obligatoire) à utiliser pour afficher l'étiquette du composant.

Placeholder (non obligatoire) à utiliser pour afficher l'espace réservé du composant.

Name (obligatoire) - nom du composant.

Size (obligatoire) - taille du composant. Elle est définie sur Default lorsque le composant est créé.

Search (obligatoire) - pour pouvoir effectuer une recherche dans les options de liste déroulante disponibles. Est désactivé par défaut.

Clear icon (obligatoire) - affiche l'icône d'options claires si elle est activée. Est désactivé par défaut.

Disabled (obligatoire) - rend le composant désactivé s'il est activé. Il est désactivé par défaut.

Visible (obligatoire) - rend le composant visible s'il est activé. Activé par défaut.

Données

Data source - Modèle de données utilisé. Configurable uniquement lors de la création du composant.

Label - Les champs du modèle de données doivent être affichés dans une seule option de liste déroulante.

Déclencheurs de flux de travail

• onChange - se déclenche lorsque l'option de la liste déroulante a changé.
• onFocus - se déclenche lorsque le composant Relselect est mis au point.
• onBlur - se déclenche lorsque le composant Relselect est flou.
• onCreate - se déclenche lorsque le composant est créé.
• onShow - se déclenche lorsque le composant est affiché.
• onHide - se déclenche lorsque le composant est masqué.
• onSearch - se déclenche lorsque l'utilisateur cherche parmi les options disponibles.
• onOpen - se déclenche sur la liste déroulante.
• onLoadAll - se déclenche lorsque toutes les options de la liste déroulante sont téléchargées.

Actions du composant

RelSelect Get Properties

Obtient les propriétés du composant.

Paramètres d'entrée :

• Component Id [string] - Identificateur du composant RelSelect ;

Paramètres desortie :

• Selected [Data Model type/ Data Model Array type] - option(s) sélectionnée(s). À afficher dans le processus métier lorsque l'identifiant du composant est spécifié uniquement.
• Data [Data Model Array type] - Tableau des éléments du modèle de données à utiliser. Disponible dans le processus de gestion lorsque l'ID du composant est spécifié uniquement.
• Label [string] - l'étiquette du composant ;
• Placeholder [string] - le caractère de remplacement du composant ;
• Allow Clear [boolean] - permet d'effacer la sélection si vrai ;
• Disable [boolean] - désactive le composant si vrai ;
• Tooltip [string] - chaîne d'info-bulle ;
• Required Mark [boolean] - affiche la marque requise si vrai ;
• Debounce (ms) [integer] - délai pour valider la valeur ;
• Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
• Validate Status [Status type] - statut à afficher lors de la validation de la valeur ;
• Validate Message [string] - le message à afficher lors de la validation de la valeur.

RelSelect Set Properties

Définit les propriétés du composant.

Paramètres d'entrée :

• Component Id [string] - RelSelect identifiant du composant ;
• Label [string] - le libellé du composant ;
• Placeholder [string] - le caractère de remplacement du composant ;
• Allow Clear [boolean] - permet d'effacer la sélection si vrai ;
• Disable [boolean] - désactive le composant si vrai ;
• Tooltip [string] - chaîne d'info-bulle ;
• Required Mark [boolean] - affiche la marque requise si vrai ;
• Debounce (ms) [integer] - délai pour valider la valeur ;
• Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
• Validate Status [Status type] - statut à afficher lors de la validation de la valeur ;
• Validate Message [string] - message à afficher lors de la validation de la valeur.

RelSelect Update Properties

Met à jour les propriétés du composant.

Paramètres d'entrée :

• Selected [Data Model type/ Data Model Array type] - option(s) sélectionnée(s). A afficher dans le processus de gestion lorsque Component ID est spécifié uniquement.
• Data [Data Model Array type] - tableau des éléments du modèle de données à utiliser. Disponible dans le processus de gestion lorsque Component ID est spécifié uniquement.
• Component Id [string] - RelSelect identifiant du composant ;
• Label [string] - l'étiquette du composant ;
• Placeholder [string] - le caractère de remplacement du composant ;
• Allow Clear [boolean] - permet d'effacer la sélection si vrai ;
• Disable [boolean] - désactive le composant si vrai ;
• Tooltip [string] - chaîne d'info-bulle ;
• Required Mark [boolean] - affiche la marque requise si vrai ;
• Debounce (ms) [integer] - délai pour valider la valeur ;
• Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
• Validate Status [Status type] - statut à afficher lors de la validation de la valeur ;
• Validate Message [string] - message à afficher lors de la validation de la valeur.

Exemple d'utilisation

Il est nécessaire de télécharger les options de la liste déroulante depuis le serveur afin de les afficher.

La logique doit être la suivante :

1. obtenir le tableau du modèle de données(demande du serveur GET ) lors de la RelSelect la création du composant (onCreate).

2. mettre à jour les données de la liste déroulante (RelSelect Update Properties)