#Formulaire de filtrage

#Introduction

Le formulaire de filtrage permet aux utilisateurs de filtrer les données en remplissant des champs de formulaire. Il peut être utilisé pour filtrer des blocs de tableau, des blocs de graphique, des blocs de liste, et bien plus encore.

#Comment l'utiliser

Commençons par un exemple simple pour comprendre rapidement comment utiliser le formulaire de filtrage. Supposons que nous ayons un bloc de tableau contenant des informations utilisateur, et que nous souhaitions filtrer ces données à l'aide d'un formulaire de filtrage, comme ceci :

Voici les étapes de configuration :

1. Activez le mode de configuration et ajoutez un bloc « Formulaire de filtrage » et un bloc « Tableau » à la page.
2. Ajoutez le champ « Pseudo » aux blocs de tableau et de formulaire de filtrage.
3. Vous pouvez maintenant commencer à l'utiliser.

#Utilisation avancée

Le bloc de formulaire de filtrage prend en charge des configurations plus avancées. Voici quelques cas d'utilisation courants.

#Connecter plusieurs blocs

Un seul champ de formulaire peut filtrer simultanément les données de plusieurs blocs. Voici comment procéder :

1. Cliquez sur l'option de configuration « Connect fields » du champ.
2. Ajoutez les blocs cibles que vous souhaitez connecter. Dans cet exemple, nous allons sélectionner le bloc de liste sur la page.
3. Sélectionnez un ou plusieurs champs du bloc de liste à connecter. Ici, nous sélectionnons le champ « Pseudo ».
4. Cliquez sur le bouton d'enregistrement pour finaliser la configuration. Le résultat se présente comme suit :

#Connecter des blocs de graphique

Référence : Filtres de page et liaison

#Champs personnalisés

En plus de sélectionner des champs à partir des collections, vous pouvez également créer des champs de formulaire à l'aide des « Champs personnalisés ». Par exemple, vous pouvez créer un champ de sélection déroulante avec des options personnalisées. Voici comment procéder :

1. Cliquez sur l'option « Champs personnalisés » pour ouvrir le panneau de configuration.
2. Remplissez le titre du champ, sélectionnez « Select » comme modèle de champ et configurez les options.
3. Les champs personnalisés nouvellement ajoutés doivent être connectés manuellement aux champs des blocs cibles. Voici comment procéder :
4. La configuration est terminée. Le résultat se présente comme suit :

Les modèles de champ actuellement pris en charge sont :

• Input : Champ de saisie de texte sur une seule ligne
• Number : Champ de saisie numérique
• Date : Sélecteur de date
• Select : Liste déroulante (peut être configurée pour une sélection unique ou multiple)
• Radio group : Boutons radio
• Checkbox group : Cases à cocher

#Réduction

Ajoutez un bouton de réduction pour plier et déplier le contenu du formulaire de filtrage, ce qui permet d'économiser de l'espace sur la page.

Les configurations prises en charge sont les suivantes :

• Nombre de lignes affichées en mode réduit : Définit le nombre de lignes de champs de formulaire affichées lorsque le formulaire est réduit.
• Réduit par défaut : Lorsque cette option est activée, le formulaire de filtrage s'affiche par défaut en mode réduit.