Syncfusion Angular UI Selection Controls

SyncfusionContrôles de sélection de l'interface utilisateurJavaScript

Composants Angular pour la sélection simple, multiple et hiérarchique.

  • Comprend des boutons radio, des cases à cocher, des interrupteurs et des groupes de boutons.
  • Listes déroulantes avancées avec prise en charge du filtrage et du regroupement.
  • Prend en charge la sélection hiérarchique, multi-colonnes et contextuelle des données.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion Angular UI Selection Controls
Les contrôles de sélection UI Syncfusion Angular offrent un large ensemble de composants pour capturer et gérer les choix des utilisateurs dans les applications Angular. Des boutons radio et cases à cocher de base aux listes déroulantes avancées, aux entrées de sélection multiple et aux arbres hiérarchiques, ils prennent en charge la liaison de données structurée, les modèles et l'intégration aux formulaires dans les interfaces d'entreprise.

Contrôles de boutons radio et de cases à cocher

Les composants de boutons radio et de cases à cocher gèrent les sélections exclusives et multiples dans les formulaires et les écrans de paramètres. Les développeurs peuvent regrouper les options, contrôler l'emplacement des libellés et lier directement les valeurs aux modèles Angular. Les deux composants fonctionnent avec des formulaires pilotés par des modèles et réactifs, y compris la validation et la gestion d'état.

Composants de saisie à interrupteur et de groupe de boutons

L'interrupteur représente les états activé et désactivé avec une interface moderne, tandis que le groupe de boutons organise les options associées en un ensemble sélectionnable unique. Les modes de sélection peuvent être configurés pour des valeurs uniques ou multiples, avec une prise en charge complète de la liaison de données et des événements de changement.

Interfaces de sélection basées sur des chips

Le composant chips affiche les éléments sélectionnés sous forme d'éléments compacts dans l'interface. Il prend en charge la sélection simple et multiple, les modèles personnalisés et la suppression d'éléments. Cette approche fonctionne bien pour le marquage, le filtrage et la sélection de catégories, lorsque les utilisateurs ont besoin d'un résumé visuel clair des valeurs choisies.

Composants Autocomplete et ComboBox

Les composants Autocomplete et combo box affichent des suggestions pendant la saisie, réduisant les erreurs de saisie et accélérant la saisie des données. Ils peuvent se connecter à des tableaux locaux ou à des services de données distants, appliquer des filtres et rendre des modèles d'éléments personnalisés. La combo box permet également de sélectionner parmi des options prédéfinies.

Composants Drop Down List et MultiSelect

La liste déroulante prend en charge la sélection unique à partir de données structurées avec des options de regroupement et de filtrage. La liste déroulante de sélection multiple étend cette capacité à plusieurs valeurs, y compris la sélection par cases à cocher et la virtualisation pour les ensembles de données plus volumineux. Les deux composants s'intègrent parfaitement aux formulaires Angular.

ListBox pour la gestion avancée des éléments

Le composant ListBox affiche des collections d'éléments avec des modes de sélection simple ou multiple. Il prend en charge le glisser-déposer entre les listes, le réordonnancement et le regroupement. Il convient donc à des scénarios tels que l'affectation de ressources, la gestion de catégories ou l'organisation d'options configurables.

Sélection hiérarchique avec DropDown Tree

DropDown Tree combine une structure de vue arborescente avec le comportement d'une liste déroulante, permettant aux utilisateurs de sélectionner des éléments à partir de données hiérarchiques. Il prend en charge la sélection des nœuds parents et enfants, les modes à cases à cocher et le filtrage. Ce composant est utile lorsqu'on travaille avec des catégories imbriquées ou des structures organisationnelles.

Composant Mention pour la sélection contextuelle

Le composant Mention affiche une liste de suggestions filtrées lorsqu'un utilisateur tape un caractère déclencheur dans une zone de texte ou un champ de saisie. Il se lie à des données structurées et prend en charge les éléments mis en forme par des modèles, ce qui le rend adapté pour référencer des utilisateurs, des balises ou des entités dans des interfaces collaboratives.

MultiColumn ComboBox pour une présentation riche des données

La MultiColumn ComboBox présente des données tabulaires dans sa liste déroulante, en affichant plusieurs champs par enregistrement. Cette disposition aide les utilisateurs à comparer des valeurs associées avant d'effectuer une sélection. Elle prend en charge le filtrage, le tri et la liaison de données pour les applications qui gèrent des données métier structurées.

Intégration aux formulaires et prise en charge de la liaison de données

Tous les composants de sélection sont conçus pour les applications Angular et s'intègrent aux formulaires pilotés par des modèles et réactifs. Ils exposent des événements cohérents et des API de valeurs, ce qui facilite le suivi des modifications, la validation des entrées et la connexion des sélections à l'état de l'application ou aux services back-end.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • Angular