DevExtreme Angular UI Selection Controls

DevExpressUI 选择控件JavaScript

适用于丰富用户界面的多功能 Angular 选择控件。

  • 包含用于项目选择且支持搜索和分组的 SelectBox。
  • List 组件支持单选、多选和全选模式。
  • DataGrid 提供带延迟和批量选项的高级行选择功能。
DevExpress logo

起价:

加载中...
包含在以下产品
DevExtreme Complete加载中
DevExpress DXperience加载中
DevExpress Universal加载中
DevExpress VCL Subscription +加载中
需要帮助选择吗？ 查看 如何购买 和 规格
DevExtreme Angular UI Selection Controls 产品图片
DevExtreme Angular UI 选择控件为 Angular 应用提供了一套全面的组件，旨在高效处理用户选择。从简单的下拉框到复杂的数据网格，这些控件提供搜索、分组、多选模式和事件处理等功能，以提升用户交互和数据管理能力。

SelectBox Component

提供一个下拉编辑器，允许用户从列表中选择或添加值。支持将数据绑定到数组或外部源、搜索功能、项目分组，以及使用弹出选项自定义下拉菜单等功能。

List Selection Modes

支持使用单选、多选或全部项目模式在列表中选择项目。包含复选框以指示选择，并允许通过点击选择，或仅通过复选框选择。

Selection Controls in List

选项包括显示选择复选框、控制通过点击进行选择，以及管理跨所有项目或分页数据的全选行为。支持选择更改的事件处理，以响应用户操作。

DataGrid Row Selection

支持单行或多行选择，并在专用选择列中提供复选框。包括全选/取消全选等功能，模式可针对所有页面或当前页面，并支持延迟选择以提升大型数据集的性能。

Deferred Selection in DataGrid

允许通过仅在需要时加载数据来延后选择操作，从而提升大型数据源的性能，尤其是在用户选择所有记录时。

Selection Event Handling

所有组件都会触发诸如值更改或选择状态更改之类的事件，使开发者能够在用户选择或取消选择项目或行时实现自定义逻辑。

Initial and Runtime Selection APIs

方法和属性使开发者能够以编程方式设置初始选择、在运行时修改选择，并查询已选键或数据，为动态应用场景提供灵活性。

Customization and Integration

组件支持通过模板、分组、筛选和弹出窗口调整进行自定义。它们遵循标准组件和模块导入实践集成到 Angular 应用中。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • Angular