Dans le domaine du développement d’applications, la demande d’une présentation de données intuitive et efficace est primordiale. OutSystems, l’une des principales plateformes de développement d’applications low-code, fournit des outils robustes aux développeurs. Cependant, lorsqu’il s’agit de structures de données complexes, le composant déroulant par défaut peut s’avérer insuffisant. Entrez dans le composant Tree Selector d’UDDAN IT, qui change la donne pour les développeurs travaillant avec les applications OutSystems ODC.

Pourquoi le Tree Selector ?

La nécessité d’un élément de sélection plus sophistiqué est devenue évidente dans un projet récent où le client avait besoin d’une liste complète de catégories et sous-catégories. La nature hiérarchique des données a rendu impossible une utilisation efficace du menu déroulant standard. Malgré une recherche dans Forge, le référentiel de composants réutilisables d’OutSystems, aucune option appropriée n’était disponible pour ODC. Même s’il y en avait pour OS11, elles ne disposaient pas des fonctionnalités nécessaires. Cette lacune a conduit au développement du composant Tree Selector.

Fonctionnalités du composant Tree Selector

Le Tree Selector va au-delà de la liste déroulante de base, offrant un riche ensemble de fonctionnalités adaptées pour gérer des structures de données complexes. Voici les fonctionnalités clés qui le distinguent :

1. Niveaux d’imbrication illimités

Le composant prend en charge un nombre infini de niveaux imbriqués, permettant aux développeurs de représenter des hiérarchies complexes de manière transparente.

2. Sélectionnez tous les enfants avec la sélection des parents

Lorsqu’un élément parent est sélectionné, tous ses éléments enfants sont automatiquement sélectionnés. Cette fonctionnalité simplifie le processus de sélection et garantit la cohérence.

3. Sélectionnez le parent lorsque tous les enfants sont sélectionnés

À l’inverse, si tous les éléments enfants sous un parent sont sélectionnés individuellement, l’élément parent est automatiquement sélectionné. Cette fonctionnalité bidirectionnelle améliore l’expérience utilisateur en réduisant le nombre de clics.

4. Suivre les parents « partiellement sélectionnés »

Les parents avec seulement quelques enfants sélectionnés sont visuellement distingués comme « partiellement sélectionnés », fournissant une indication claire du statut de sélection.

5. Commande personnalisée

Les éléments peuvent être classés selon des critères personnalisés, permettant aux développeurs de hiérarchiser ou de regrouper les éléments selon leurs besoins.

6. Bouton basculer/contracter tout

Un seul bouton permet aux utilisateurs d’étendre ou de réduire tous les niveaux hiérarchiques, leur donnant ainsi le contrôle de la visibilité des données.

7. Sélectionnez le bouton Tout/Aucun

Cette fonctionnalité permet aux utilisateurs de sélectionner ou de désélectionner rapidement tous les éléments de la hiérarchie, économisant ainsi du temps et des efforts.

8. Recherche par mot clé

Une puissante fonctionnalité de recherche par mot-clé permet aux utilisateurs de trouver rapidement des éléments spécifiques dans l’arborescence, améliorant ainsi la navigation et la convivialité.

Le composant Tree Selector est désormais disponible sur le portail ODC d’OutSystems. Retrouvez ce nouveau composant qui fait gagner du temps ici.

Cet ajout à la plateforme permet aux développeurs de créer des applications plus dynamiques et conviviales, en particulier lorsqu’ils traitent des structures de données complexes.