Infragistics Ignite UI for Angular Query Builder

Infragistics查询编辑器JavaScript

轻松可视化并构建复杂的数据查询。

  • 以可视化方式构建复杂的多表数据筛选查询。
  • 支持使用 IN/NOT IN 运算符的嵌套子查询。
  • 为查询表达式提供拖放和键盘重排序功能。
Infragistics logo

起价:

加载中...
包含在以下产品
Infragistics Ignite UI for Angular加载中
Infragistics Ignite UI加载中
Infragistics Professional加载中
Infragistics Ultimate加载中
需要帮助选择吗？ 查看 如何购买 和 规格
Infragistics Ignite UI for Angular Query Builder 产品图片
Ignite UI for Angular Query Builder 组件提供了一个可视化界面，可在多个实体之间创建复杂的数据筛选表达式。它支持嵌套子查询和直观的拖放重排序，使开发者无需编写 SQL 即可构建查询。该组件输出可序列化的结构，非常适合集成到后端数据源中。

可视化查询构建

使用专为 Angular 应用程序定制的丰富用户界面创建表达式树，从而通过 AND/OR 逻辑运算符构建复杂筛选条件。

多表查询支持

便于构建跨多个表或实体的查询，将数据源组合起来，在单个 UI 组件中创建全面的筛选条件。

带 IN/NOT IN 的嵌套子查询

通过使用 IN 和 NOT IN 运算符，开发者可以定义嵌套查询，并通过 UI 直接嵌入子查询，以支持高级筛选场景。

拖放与键盘重排序

支持通过鼠标拖放或键盘方向键对条件和分组进行重排序，提供灵活的查询表达式重排方式，以动态塑造逻辑。

可序列化的表达式树模型

将查询表示为可序列化为 JSON 的 FilteringExpressionsTree，便于在客户端和服务器之间传递查询定义。

可自定义的 UI 模板

允许对标题和条件搜索值输入框进行模板化，让开发者完全控制查询构建器界面的外观和交互。

与 Angular Grid 集成

专为与 Ignite UI for Angular data grid 配合工作而设计，能够将已构建的查询即时应用于高效筛选网格数据。

可编辑的条件与分组

用户可以通过清晰的 UI 控件添加、修改和分组条件或表达式，并在切换实体时通过确认对话框防止意外数据丢失。

主题与样式灵活性

支持通过 Sass 进行主题定制，可自定义按钮、chips、输入框等组件的颜色和样式，使其与应用设计保持一致。

可访问性与键盘支持

包含键盘导航和重排序功能，支持 Tab、Enter、Space、Esc 以及方向键来管理查询表达式，并提升所有用户的可用性。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Angular
  • Vanilla JavaScript