Filtres en cascade : réduire les options des listes déroulantes selon les autres filtres sélectionnés

Introduction

Un filtre de type liste déroulante n'est utile que dans la mesure où la liste de valeurs qu'il propose l'est. Dans une liste comptant des centaines de projets répartis entre une douzaine de services, la liste déroulante Project du volet de filtrage affiche tous les projets de la liste — même après que l'utilisateur a déjà choisi un service. La plupart de ces entrées aboutissent à un tableau de résultats vide, et l'utilisateur doit les parcourir pour trouver la poignée qui l'intéresse.

L'option Cascading filters (Filtres en cascade) du composant WebPart List Filter Online résout ce problème. Lorsqu'elle est activée, chaque liste déroulante ne propose que les valeurs présentes dans les éléments correspondant aux autres filtres actuellement sélectionnés dans le volet. Choisissez Marketing dans Department, et Project se réduit aux projets du service marketing. Cet article décrit ce que fait l'option, comment l'activer, comment elle se comporte au quotidien et quelles sont ses limites.

Ce que font les filtres en cascade

L'option agit sur les deux contrôles de filtre qui chargent leurs options à partir de la liste — Dropdown (Liste déroulante) et Dropdown (Multiple Values) (Liste déroulante à valeurs multiples). Lorsque les filtres en cascade sont désactivés, chacun de ces contrôles charge une seule fois, à l'ouverture du volet de filtrage, les valeurs distinctes de sa colonne, et la liste reste la même jusqu'à ce que la page soit rechargée ou que l'utilisateur accède à un autre dossier.

Lorsque les filtres en cascade sont activés, le composant WebPart transmet les sélections effectuées dans les autres contrôles du volet à la requête qui charge les valeurs distinctes. SharePoint ne renvoie alors que les valeurs présentes dans les éléments qui satisfont ces sélections. La sélection propre au contrôle ne fait jamais partie de la requête : une liste déroulante ne se réduit donc pas elle-même, et vous pouvez toujours passer d'un projet à un autre au sein du service que vous avez choisi.

Les contrôles qui ne chargent pas de liste de valeurs — zones de texte, contrôles de date et de plage de dates, plages numériques et curseurs, sélecteurs de personnes, sélecteurs de termes, commutateur Oui/Non et filtre de pièces jointes — ne sont pas modifiés par l'option. Ils participent toutefois à la réduction : une valeur Oui/Non ou un texte saisi dans le volet est transmis avec les sélections des listes déroulantes lorsque les options d'une liste déroulante sont rechargées.

Activer l'option

1. Modifiez la page et ouvrez le volet des propriétés du composant WebPart List Filter Online.
2. Développez le groupe Filter pane (Volet de filtrage).
3. Vérifiez que le commutateur Filter pane est activé — le commutateur Cascading filters est désactivé tant que le volet lui-même est désactivé.
4. Activez Cascading filters.
5. Dans le configurateur de colonnes situé sous les commutateurs, affectez le contrôle Dropdown ou Dropdown (Multiple Values) aux colonnes qui doivent dépendre les unes des autres.
6. Republiez la page.

L'option est désactivée par défaut et est enregistrée dans les propriétés du composant WebPart ; elle s'applique donc à tous les visiteurs de la page.

Scénario d'exemple

Un registre de projets comporte trois colonnes de choix : Department, Project et Status. Les trois sont placées dans le volet de filtrage — les deux premières en Dropdown, la troisième en Dropdown (Multiple Values) — et les filtres en cascade sont activés.

1. L'utilisateur ouvre la page. Chaque liste déroulante affiche toutes les valeurs de sa colonne, car rien n'est encore sélectionné.
2. L'utilisateur choisit Marketing dans Department. Les contrôles Project et Status rechargent leurs options : Project n'affiche plus que les projets marketing, et Status uniquement les statuts présents dans les projets marketing.
3. L'utilisateur choisit Website relaunch dans Project. Status se recharge à nouveau et affiche les statuts de ce seul projet. Department est également rechargé, mais il n'affiche toujours que Marketing, car c'est le seul service auquel le projet appartient.
4. L'utilisateur sélectionne Active et On hold dans Status et clique sur Apply Filter (Appliquer le filtre). Le tableau de résultats affiche les éléments correspondants, et trois puces de filtre apparaissent au-dessus.

L'utilisateur pourrait tout aussi bien commencer par Status, puis réduire le service : l'ordre dans lequel les sélections sont effectuées n'a pas d'importance.

Détails de fonctionnement

La réduction commence avant Apply. Les options sont rechargées dès qu'une sélection est effectuée dans un autre contrôle, et non lorsque l'on clique sur Apply Filter. L'utilisateur peut ainsi construire toute la combinaison avant de l'appliquer en une seule fois.

Indépendance de l'ordre. Chaque liste déroulante est réduite par toutes les autres sélections du volet, quel que soit le contrôle utilisé en premier.

Effacement. Clear Filter (Effacer le filtre) réinitialise tous les contrôles et supprime le filtre des résultats ; comme il ne reste aucune sélection, chaque liste déroulante recharge sa liste complète de valeurs.

Puces de filtre. La suppression d'une seule puce au-dessus des résultats retire cette condition du tableau de résultats. Le volet de filtrage n'est pas informé de ce changement : le contrôle conserve sa sélection, et les autres listes déroulantes restent réduites par celle-ci jusqu'à ce que l'utilisateur choisisse une autre valeur dans le contrôle ou clique sur Clear Filter.

Autres sources de filtres. Seules les sélections effectuées dans le volet participent à la réduction. Un filtre restauré à partir d'un lien de filtre, d'un préréglage enregistré ou de la dernière visite de l'utilisateur, ainsi qu'un filtre appliqué via un en-tête de colonne, limitent les résultats mais ne réduisent pas les options des listes déroulantes.

Dossiers. Lorsque le composant WebPart affiche le contenu d'un dossier, les valeurs distinctes sont chargées à partir de ce dossier et de ses sous-dossiers, et les options sont rechargées chaque fois que l'utilisateur accède à un autre dossier.

Le filtre prédéfini. Le filtre que l'auteur de la page définit dans le groupe Filter (Filtre) avec le Query Builder limite le tableau de résultats, mais il n'est pas appliqué lors du chargement des options des listes déroulantes. Une liste déroulante peut donc proposer une valeur que le filtre prédéfini exclut ; la choisir ne produit simplement aucun résultat.

Types de conditions. La réduction est transmise à SharePoint sous forme de valeurs exactes. Les sélections des listes déroulantes, des listes déroulantes à valeurs multiples et des commutateurs Oui/Non sont comparées exactement. Les conditions d'autres types — plage de dates ou de nombres, texte partiel — sont transmises telles qu'elles ont été saisies ; elles peuvent donc réduire les options plus strictement qu'elles ne réduisent le tableau de résultats. Les conditions sans valeur, telles que Contains data ou Does not contain data, sont ignorées lors du chargement des options.

Considérations de performance

Chaque liste déroulante du volet envoie une requête à SharePoint lorsque ses options sont chargées. Sans filtres en cascade, cela se produit une seule fois par affichage de page. Avec les filtres en cascade, chaque modification dans un contrôle du volet recharge les options de chaque autre liste déroulante : un volet comportant quatre listes déroulantes envoie donc trois requêtes par sélection. Les réponses sont associées à la dernière requête, de sorte qu'une réponse tardive à une sélection antérieure n'écrase jamais les options actuelles.

Pour des listes de quelques milliers d'éléments, cela passe inaperçu. Pour les grandes listes, deux mesures sont utiles :

• Limitez le nombre de listes déroulantes dans le volet ; placez-y les colonnes qui dépendent réellement les unes des autres et utilisez d'autres contrôles pour le reste.
• Indexez les colonnes utilisées dans le volet. Pour une liste de plus de 5 000 éléments, le configurateur de colonnes signale chaque colonne sélectionnée non indexée par l'avertissement The column is not indexed. Filtering a large list by this column may not work. et propose un bouton Create Index (Créer un index) à côté. La requête qui charge les options réduites est soumise au même seuil d'affichage de liste que la requête des résultats.

Limitations

Articles associés