DevExtreme Angular UI Selection Controls

DevExpressUI Selection ControlsJavaScript

Versatile Angular selection controls for rich user interfaces.

  • Includes SelectBox for item selection with search and grouping.
  • List component supports single, multiple, and all selection modes.
  • DataGrid offers advanced row selection with deferred and batch options.
DevExpress logo

Prices from:

Loading...
Available in
DevExtreme CompleteLoading
DevExpress DXperienceLoading
DevExpress UniversalLoading
DevExpress VCL Subscription +Loading
Need help choosing? See How to Buy and Specification
DevExtreme Angular UI Selection Controls product image
DevExtreme Angular UI Selection Controls offer a comprehensive set of components designed to handle user selections efficiently in Angular applications. From simple dropdowns to complex data grids, these controls provide features like search, grouping, multiple selection modes, and event handling to enhance user interaction and data management.

SelectBox Component

Provides a dropdown editor allowing users to select or add values from a list. Supports features like data binding to arrays or external sources, search functionality, grouping items, and customizing the dropdown menu with popup options.

List Selection Modes

Enables selection of items within a list using single, multiple, or all-items modes. Incorporates checkboxes to indicate selections and allows selection by click or exclusively via checkboxes.

Selection Controls in List

Options include showing selection checkboxes, controlling selection by clicks, and managing select all behavior across all items or paged data. Supports event handling for selection changes to respond to user actions.

DataGrid Row Selection

Supports single or multiple row selection with checkboxes in a dedicated selection column. Includes features like select all/deselect all with modes to target all pages or current page, and deferred selection for performance on large datasets.

Deferred Selection in DataGrid

Allows selection operations to be postponed by loading data only when needed, enhancing performance with large data sources, especially when users select all records.

Selection Event Handling

All components emit events such as value changes or selection state changes, allowing developers to implement custom logic when users select or deselect items or rows.

Initial and Runtime Selection APIs

Methods and properties let developers programmatically set initial selections, modify selections at runtime, and query selected keys or data, providing flexibility for dynamic application scenarios.

Customization and Integration

Components support customization through templates, grouping, filtering, and popup adjustments. They integrate into Angular applications following standard component and module importing practices.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • JavaScript

JavaScript Platform

  • Angular