Composants de données

Données

Masqué

Vous pouvez utiliser le composant Hidden pour créer une propriété de ressource qui peut être définie de manière personnalisée dans un formulaire. Il ne s'affiche pas dans les formulaires rendus.

Conteneur

Vous pouvez utiliser le composant Container pour encapsuler un ensemble de champs dans un objet avec une clé de conteneur. Un conteneur avec la clé financialPerformance est soumis en tant que :

{
                    data: {
                    financialPerformance {
                    grossProfitMargin: "0.83",
                    [tab]netProfitMargin: "0.43"
                    }
                    }
                    }

Carte de données

Type de données : System.Collections.Generic.Dictionary<System.String,System.String>

Utilisez le composant Carte de données (Data Map ) pour créer des paires clé-valeur. Le composant est modifiable au moment du Runtime; les utilisateurs peuvent donc créer de nouveaux paramètres clé-valeur en cliquant sur Ajouter un autre ( Add Another).

Remarque : le champ Clé est par défaut un champ de texte et ne peut pas être modifié. Le champ Valeur (Value) peut être modifié avec d'autres composants.

• Libellé de la colonne Clé (Label for Key column ) : définissez un libellé à afficher pour la colonne Clé (Key). S'il est laissé vide, le nom de la colonne reste Key.
• Désactiver l'ajout/la suppression de lignes (Disable Adding/Remove Rows ) - masque les boutons qui permettent d'ajouter ou de supprimer des lignes lorsque le formulaire s'affiche.
• Afficher la colonne de clé avant la valeur : indiquez si vous souhaitez que la colonne Clé s'affiche avant la colonne de valeur .
• Ajouter un autre texte - définissez le texte à afficher pour le bouton Ajouter un autre .

L'onglet Mise en page ( Layout ) est spécifique uniquement au composant Carte de données (Data Map ) :

• Attributs HTML (HTML Attributes ) - ajoutez des attributs HTML personnalisés au composant.
  Remarque : Les attributs des autres composants prédominent dans les attributs que vous configurez.
• Superposition de PDF (PDF Overlay ) - appliquez des paramètres de style aux formulaires PDF.

Pour apprendre à utiliser le composant Carte de données (Data Map ), consultez le tutoriel Utilisation du composant Carte de données (Using the Data Map).

Grille de données

Vous pouvez utiliser le composant Grille de données (Data Grid ) pour restituer plusieurs lignes de données, de la même manière qu'une table de données. Vous pouvez faire glisser et déposer plusieurs composants dans la grille de données en fonction de votre cas d'utilisation.

Dans la fenêtre Moteur de rendu de formulaire ( Form Renderer) , les lignes à l'intérieur du composant Data Grid peuvent être ajoutées ou supprimées.

• Désactiver l'ajout/la suppression de lignes (Disable Adding/Removing Rows ) : masque les boutons qui permettent d'ajouter ou de supprimer des lignes lors du rendu du formulaire.
• Autoriser la réorganisation : réorganisez les lignes en les faisant glisser et en les déposant.
• Largeur de colonne égale (Egal Column Width ) : rend les largeurs de colonnes égales.
• Activer les groupes de lignes (Enable Row Groups ) : permet de séparer les lignes en groupes. Ajoutez des groupes, attribuez-leur un libellé et sélectionnez les lignes de chaque groupe.
• Initialiser vide (Initialize Empty ) : la grille de données n'aura aucune ligne visible lors de son initialisation.

Modifier la grille

Vous pouvez utiliser le composant Modifier la grille ( Edit Grid ) pour restituer plusieurs lignes de données, de la même manière qu'une table de données. Vous pouvez faire glisser et déposer plusieurs composants de formulaire dans la grille de modification ( Edit Grid) pour capturer de nombreuses données.

Lors du rendu du formulaire, vous pouvez ajouter un doublon de la grille de modification ( Edit Grid) en cliquant sur Ajouter un autre ( Add Another).

• Ouvrir la première ligne lorsque vide (Open First Row when Empty ) - ouvre la première ligne lorsque la grille d'édition est vide.
• Désactiver l'ajout/la suppression de lignes (Disable Adding/Remove Rows ) - masque les boutons qui permettent d'ajouter ou de supprimer des lignes lorsque le formulaire s'affiche.
• Ajouter un autre texte (Add Another Text ) : modifie le nom du bouton Ajouter un autre (Add Another).
• Enregistrer le texte de la ligne (Save Row Text ) : modifie le texte du bouton Enregistrer la ligne (Save Row) .
• Supprimer le texte de la ligne (Remove Row Text ) : modifie le texte du bouton Supprimer la ligne (Remove Row) .

L'onglet Modèles est spécifique au composant Modifier la grille uniquement. Les modèles En-tête ( Header), Ligne (Row) et Pied de page (Footer) vous permettent de personnaliser la grille à l'aide de JavaScript. Vous pouvez modifier le type de composants qui s'affichent dans les lignes d'une grille ou l'apparence de l'en-tête/du pied de page.

Modèle d'en-tête

Il s'agit du modèle Lodash utilisé pour restituer l'en-tête du composant Modifier la grille .

Attention : le modèle d'en-tête ne fonctionne pas avec les Actionsde formulaire.

Deux variables sont disponibles :

• value - le tableau des données de ligne.
• composants : le tableau des composants de la grille.

Modèle de ligne

Il s'agit du modèle Lodash utilisé pour le rendu de chaque ligne du composant Modifier la grille .

Attention : le modèle de ligne ne fonctionne pas avec les Actionsde formulaire.

Trois variables sont disponibles :

• ligne - objet des données d'une ligne.
• composants : le tableau des composants de la grille.
• state : état de la ligne actuelle (brouillon/enregistré).

Pour ajouter des événements de type Click , ajoutez les classes suivantes aux éléments : editRow et removeRow.

Modèle de pied de page

Il s'agit du modèle Lodash utilisé pour rendre le pied de page du composant Modifier la grille .

Deux variables sont disponibles :

• value - le tableau des données de ligne.
• composants : le tableau des composants de la grille.

Table de données

Vous pouvez utiliser le composant Table de données (Data Table ) pour restituer plusieurs lignes de données, comme une table de données. La table de données est un composant en lecture seule que vous pouvez utiliser pour afficher de grandes quantités de données. Vous pouvez faire glisser et déposer plusieurs composants de formulaire dans le composant Table de données (Data Table ).

• Triable (Sortable) : trie les données dans les colonnes par ordre croissant ou décroissant. Vous triez les données au moment du Runtime.
• Filtrable : filtrez les données à l'intérieur de chaque colonne. Filtrez les données lors du Runtime.
• Colonne(s) redimensionnable(s) : modifiez la largeur des colonnes lors de l' Runtime. La fonctionnalité redimensionnable de (s) colonne(s) vous permet de mieux voir les données à l’intérieur des colonnes.

• Pagination - affiche les données du composant Table de données (Data Table) sur des pages numérotées. La capacité de pagination inclut également la définition du nombre d'éléments par page.

• Modification en ligne - autorisez la modification au moment du Runtime, de la même manière que vous le feriez dans Excel.

Triable

Vous pouvez trier les données à l'intérieur des colonnes par ordre croissant ou décroissant. Vous triez les données au moment du Runtime, dans le formulaire.

Les données de la table de données s'affichent dans le même ordre que dans la table de données d'entrée. Pour trier toutes les données de la table de données, cliquez sur n'importe quel en-tête de colonne du formulaire.

• Le premier clic trie les données par ordre croissant.
• Ledeuxième clic trie les données par ordre décroissant.

• Le troisième clic restaure l'ordre d'origine.

  

Filtrable

Vous pouvez filtrer les données à l'intérieur de chaque colonne. Vous pouvez filtrer les données pendant l'affichage du formulaire.

Pour filtrer les données d'une colonne :

1. Pointez sur l'en-tête de colonne et cliquez sur la trois barres menu.
2. Choisissez une opération de filtrage.
3. Saisissez une valeur dans le champ Filtre (Filter) du menu à trois barres. La valeur d'entrée dans le champ Filtre (Filter) est une condition pour l'opération de filtrage.

En fonction du type de données, les opérations de filtrage suivantes sont disponibles :

Opération de filtrage	Texte	Numérique	Date/Heure
Contient
Ne contient pas
Est égal à
Est différent de
Commence par
Se termine par
inférieure à
Inférieur ou égal à
supérieure à
Supérieur ou égal à
Dans la plage
Blanc
Non vide