DevExtreme Vue UI Selection Controls

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

Contrôles de sélection personnalisables pour les interfaces utilisateur Vue.

  • Prend en charge les modes de sélection simple, multiple et de sélection de tout.
  • Inclut des contrôles de case à cocher pour une sélection intuitive des éléments.
  • Fournit des événements et des API pour gérer les sélections de manière programmatique.
DevExpress logo

Prix à partir de:

Chargement...
Disponible dans
DevExtreme CompleteChargement
DevExpress DXperienceChargement
DevExpress UniversalChargement
DevExpress VCL Subscription +Chargement
Besoin d’aide pour choisir ? Consultez Comment acheter et les spécifications
image du produit DevExtreme Vue UI Selection Controls
Les contrôles de sélection d’interface utilisateur DevExtreme Vue offrent des capacités de sélection flexibles et puissantes au sein des applications Vue. Ces composants permettent aux développeurs d’implémenter la sélection d’un seul élément ou de plusieurs éléments dans des listes, avec une interaction utilisateur gérée via des clics ou des cases à cocher. Leur API complète prend en charge la gestion réactive de l’état et la gestion des événements pour s’intégrer harmonieusement dans les SPA d’entreprise modernes.

Modes de sélection

Configurez le comportement de sélection avec les modes de sélection simple, multiple, tout ou désactivé afin de répondre aux besoins de l’application. Les développeurs peuvent changer de mode dynamiquement en fonction des exigences de l’interface utilisateur.

Indicateurs visuels de sélection

Activez des cases à cocher à côté des éléments de liste pour rendre les sélections explicites. Cela améliore la convivialité, en particulier lors de la sélection de tous les éléments en une seule fois.

Options d’interaction utilisateur

Contrôlez la manière dont les utilisateurs sélectionnent des éléments via des clics ou des bascules de cases à cocher. Désactivez la sélection au clic sur un élément si vous souhaitez imposer la sélection uniquement via les contrôles de cases à cocher.

Fonctionnalité de sélection de tout

Implémentez une case à cocher « Sélectionner tout » pour permettre aux utilisateurs de sélectionner tous les éléments, soit sur la page actuelle, soit sur toutes les pages, configurable via la propriété selectAllMode.

Sélection programmatique

Sélectionnez ou désélectionnez des éléments par clé ou par index de manière programmatique, permettant un contrôle précis de l’état de sélection.

Gestion des événements

Réagissez aux changements de sélection et mettez à jour l’état de l’application ou déclenchez des effets secondaires lors des actions de sélection de l’utilisateur.

Accessibilité et configuration

Fournissez des attributs d’accessibilité et configurez les expériences de sélection des éléments afin de répondre aux besoins variés des utilisateurs, en garantissant une interface inclusive pour tous les utilisateurs.

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

  • Vue.js