DevExtreme Angular UI Selection Controls

DevExpressControles de selección de la interfaz de usuarioJavaScript

Controles de selección versátiles para Angular para interfaces de usuario enriquecidas.

  • Incluye SelectBox para la selección de elementos con búsqueda y agrupación.
  • El componente List admite los modos de selección única, múltiple y de todos los elementos.
  • DataGrid ofrece selección avanzada de filas con opciones diferidas y por lotes.
DevExpress logo

Precios desde:

Cargando...
Disponible en
DevExtreme CompleteCargando
DevExpress DXperienceCargando
DevExpress UniversalCargando
DevExpress VCL Subscription +Cargando
¿Necesitas ayuda para elegir? Consulta Cómo comprar y la especificación
imagen del producto DevExtreme Angular UI Selection Controls
Los controles de selección de la interfaz de usuario de DevExtreme Angular ofrecen un conjunto completo de componentes diseñados para gestionar las selecciones de los usuarios de forma eficiente en aplicaciones Angular. Desde sencillos menús desplegables hasta complejas cuadrículas de datos, estos controles proporcionan funciones como búsqueda, agrupación, varios modos de selección y gestión de eventos para mejorar la interacción del usuario y la gestión de datos.

Componente SelectBox

Proporciona un editor desplegable que permite a los usuarios seleccionar o añadir valores de una lista. Admite funciones como enlace de datos a matrices o fuentes externas, funcionalidad de búsqueda, agrupación de elementos y personalización del menú desplegable con opciones emergentes.

Modos de selección de List

Permite la selección de elementos dentro de una lista mediante modos de selección única, múltiple o de todos los elementos. Incorpora casillas de verificación para indicar las selecciones y permite la selección mediante clic o exclusivamente a través de casillas de verificación.

Controles de selección en List

Las opciones incluyen mostrar casillas de verificación de selección, controlar la selección mediante clics y gestionar el comportamiento de seleccionar todo en todos los elementos o en datos paginados. Admite la gestión de eventos para los cambios de selección con el fin de responder a las acciones del usuario.

Selección de filas en DataGrid

Admite la selección de una o varias filas con casillas de verificación en una columna de selección dedicada. Incluye funciones como seleccionar todo/deseleccionar todo con modos dirigidos a todas las páginas o a la página actual, y selección diferida para mejorar el rendimiento con conjuntos de datos grandes.

Selección diferida en DataGrid

Permite posponer las operaciones de selección cargando datos solo cuando es necesario, lo que mejora el rendimiento con grandes fuentes de datos, especialmente cuando los usuarios seleccionan todos los registros.

Gestión de eventos de selección

Todos los componentes emiten eventos como cambios de valor o cambios en el estado de selección, lo que permite a los desarrolladores implementar lógica personalizada cuando los usuarios seleccionan o deseleccionan elementos o filas.

APIs de selección inicial y en tiempo de ejecución

Los métodos y propiedades permiten a los desarrolladores establecer selecciones iniciales de forma programática, modificar selecciones en tiempo de ejecución y consultar las claves o los datos seleccionados, lo que aporta flexibilidad para escenarios de aplicaciones dinámicas.

Personalización e integración

Los componentes admiten la personalización mediante plantillas, agrupación, filtrado y ajustes de los menús emergentes. Se integran en aplicaciones Angular siguiendo las prácticas estándar de importación de componentes y módulos.

Compatibilidad del producto

Revise los detalles a continuación para asegurarse de que este producto sea compatible con su entorno.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • Angular