DevExtreme Angular UI Selection Controls

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

Des contrôles de sélection Angular polyvalents pour des interfaces utilisateur riches.

  • Inclut SelectBox pour la sélection d'éléments avec recherche et regroupement.
  • Le composant List prend en charge les modes de sélection unique, multiple et de tous les éléments.
  • DataGrid offre une sélection avancée des lignes avec des options différées et par lots.
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 Angular UI Selection Controls
Les contrôles de sélection d'interface utilisateur Angular DevExtreme offrent un ensemble complet de composants conçus pour gérer efficacement les sélections des utilisateurs dans les applications Angular. Des simples listes déroulantes aux grilles de données complexes, ces contrôles fournissent des fonctionnalités telles que la recherche, le regroupement, plusieurs modes de sélection et la gestion des événements afin d'améliorer l'interaction utilisateur et la gestion des données.

Composant SelectBox

Fournit un éditeur déroulant permettant aux utilisateurs de sélectionner ou d'ajouter des valeurs à partir d'une liste. Prend en charge des fonctionnalités telles que la liaison de données à des tableaux ou à des sources externes, la fonctionnalité de recherche, le regroupement des éléments et la personnalisation du menu déroulant avec des options de popup.

Modes de sélection de List

Permet la sélection d'éléments dans une liste en modes sélection unique, multiple ou tous les éléments. Intègre des cases à cocher pour indiquer les sélections et permet la sélection par clic ou exclusivement via des cases à cocher.

Contrôles de sélection dans List

Les options incluent l'affichage de cases à cocher de sélection, le contrôle de la sélection par clics et la gestion du comportement de tout sélectionner sur tous les éléments ou les données paginées. Prend en charge la gestion des événements de changement de sélection pour répondre aux actions des utilisateurs.

Sélection des lignes dans DataGrid

Prend en charge la sélection d'une ou de plusieurs lignes avec des cases à cocher dans une colonne de sélection dédiée. Inclut des fonctionnalités telles que tout sélectionner/tout désélectionner avec des modes ciblant toutes les pages ou la page actuelle, ainsi que la sélection différée pour les performances sur de grands ensembles de données.

Sélection différée dans DataGrid

Permet de reporter les opérations de sélection en chargeant les données uniquement lorsque cela est nécessaire, améliorant ainsi les performances avec de grandes sources de données, en particulier lorsque les utilisateurs sélectionnent tous les enregistrements.

Gestion des événements de sélection

Tous les composants émettent des événements tels que les changements de valeur ou les changements d'état de sélection, permettant aux développeurs d'implémenter une logique personnalisée lorsque les utilisateurs sélectionnent ou désélectionnent des éléments ou des lignes.

API de sélection initiale et à l'exécution

Des méthodes et des propriétés permettent aux développeurs de définir par programmation les sélections initiales, de modifier les sélections à l'exécution et d'interroger les clés ou les données sélectionnées, offrant ainsi une flexibilité pour les scénarios d'application dynamiques.

Personnalisation et intégration

Les composants prennent en charge la personnalisation via des modèles, le regroupement, le filtrage et les ajustements du popup. Ils s'intègrent dans les applications Angular en suivant les pratiques standard d'importation des composants et des modules.

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