logologo
Démarrer
Manuel
Développement
Plugins
API
Accueil
English
简体中文
日本語
한국어
Español
Português
Deutsch
Français
Русский
Italiano
Türkçe
Українська
Tiếng Việt
Bahasa Indonesia
ไทย
Polski
Nederlands
Čeština
العربية
עברית
हिन्दी
Svenska
Démarrer
Manuel
Développement
Plugins
API
Accueil
logologo
Aperçu

Blocs

Aperçu

Blocs de données

Tableau
Formulaire
Détails
Liste
Cartes en grille
Graphique

Blocs de filtrage

Formulaire

Autres blocs

Panneau d'action
Iframe
Markdown
JS Block

Paramètres du bloc

Portée des données
Méthode de chargement des données
Mise en page
Règles d'interaction des blocs
Règles d'interaction des champs
Règles de tri
Tri par glisser-déposer
Suppression du bloc
Titre du bloc
Hauteur du bloc
Brouillons de formulaire

Champs

Aperçu

Paramètres généraux

Champs du tableau
Champs de détail
Champs du formulaire de filtrage
Champs du formulaire

Paramètres spécifiques

Date
Gestionnaire de fichiers
Sous-formulaire
Sélecteur déroulant
Sélecteur de données
Sélecteur en cascade
Sous-tableau (édition en ligne)
Sous-tableau (édition en modale)
Sous-détail
Titre
JS Field
JS Item
JS Column

Paramètres du champ

Valeur par défaut
Étiquette du champ
Afficher l'étiquette
Message d'aide du champ
Portée des données
Composant de champ
Formatage numérique
Mode
Requis
Champ de titre
Règles de validation
Composant de champ de relation

Actions

Aperçu

Paramètres de l'action

Bouton modifier
Confirmation secondaire
Assignation de valeurs
Lier un flux de travail
Modale de modification
Règles d'interaction des actions

Types d'action

Ajouter
Afficher
Supprimer
Modifier
Dupliquer
Importer
Importer Pro
Exporter
Exporter Pro
Exporter les pièces jointes
Filtrer
Lien
Ouvrir une modale
Actualiser
Soumettre les données
Déclencher un flux de travail
Mettre à jour l'enregistrement
Mise à jour par lot
Modification par lot
Ajouter un sous-enregistrement
JS Action
Permissions d'action

Avancé

Règles d'interaction
Flux d'événements
Variables
RunJS
Modèles d'interface utilisateur
Previous PageGraphique
Next PagePanneau d'action
Avis de traduction IA

Ce document a été traduit par IA. Pour des informations précises, veuillez consulter la version anglaise.

#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 :

20251031163036_rec_

Voici les étapes de configuration :

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

#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. 20251031170300
  2. Ajoutez les blocs cibles que vous souhaitez connecter. Dans cet exemple, nous allons sélectionner le bloc de liste sur la page. 20251031170718
  3. Sélectionnez un ou plusieurs champs du bloc de liste à connecter. Ici, nous sélectionnons le champ « Pseudo ». 20251031171039
  4. Cliquez sur le bouton d'enregistrement pour finaliser la configuration. Le résultat se présente comme suit : 20251031171209_rec_

#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. 20251031173833
  2. Remplissez le titre du champ, sélectionnez « Sélection » dans « Type de champ » et configurez les options. 20251031174857_rec_
  3. Les champs personnalisés nouvellement ajoutés doivent être connectés manuellement aux champs des blocs cibles. Voici comment procéder : 20251031181957_rec_
  4. La configuration est terminée. Le résultat se présente comme suit : 20251031182235_rec_

Les types de champs actuellement pris en charge sont :

  • Texte court
  • Nombre
  • Date
  • Sélection
  • Radio Group
  • Checkbox group
  • Association

#Association (Champs de relation personnalisés)

« Association » est adapté au filtrage par enregistrements de table associée. Par exemple, filtrer les commandes par « Client » ou les tâches par « Responsable ».

Description des options :

  • Collection cible : Indique de quelle collection charger les enregistrements.
  • Champ de titre : Texte affiché pour les options et les étiquettes (ex: nom, titre).
  • Champ de valeur : Valeur soumise lors du filtrage, généralement l'ID.
  • Autoriser la sélection multiple : Permet de sélectionner plusieurs enregistrements.
  • Opérateur : Définit comment la condition de filtrage correspond (voir ci-dessous).

Recommandations de configuration :

  1. Choisissez un champ lisible pour le Champ de titre (ex: « Nom »).
  2. Privilégiez la clé primaire pour le Champ de valeur pour garantir la stabilité.
  3. Désactivez Autoriser la sélection multiple pour les scénarios à choix unique.

#Opérateur

L'« Opérateur » définit la relation de correspondance entre la valeur du champ du formulaire de filtrage et la valeur du champ du bloc cible.

#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.

20251031182743

Les configurations prises en charge sont les suivantes :

20251031182849

  • 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.