Infragistics Ignite UI for Angular Query Builder
Visualize and construct complex data queries with ease.
- Build complex multi-table data filtering queries visually.
- Supports nested subqueries using IN/NOT IN operators.
- Offers drag-and-drop and keyboard reordering for query expressions.
Prices from:
| Available in | |
|---|---|
| Infragistics Ignite UI for Angular | Loading |
| Infragistics Ignite UI | Loading |
| Infragistics Professional | Loading |
| Infragistics Ultimate | Loading |
Visual Query Construction
Creates expression trees enabling the construction of complex filters with AND/OR logical operators using a rich user interface tailored for Angular applications.
Multi-Table Query Support
Facilitates building queries that span multiple tables or entities, combining data sources to create comprehensive filtering criteria within a single UI component.
Nested Subqueries with IN/NOT IN
Enables developers to define nested queries by using IN and NOT IN operators, allowing embedding of subqueries directly through the UI for advanced filtering scenarios.
Drag and Drop and Keyboard Reordering
Supports reordering of conditions and groups via mouse drag-and-drop or keyboard arrow keys, providing flexible rearrangement of query expressions to shape logic dynamically.
Serializable Expression Tree Model
Represents the query as a FilteringExpressionsTree that can be serialized to JSON, making it easy to transfer query definitions between client and server.
Customizable UI Templates
Allows templating of headers and condition search value inputs, giving developers full control over the appearance and interaction within the query builder interface.
Integration with Angular Grid
Designed to work with Ignite UI for Angular data grid, enabling instant application of built queries to filter grid data efficiently.
Editable Conditions and Grouping
Users can add, modify, and group conditions or expressions with clear UI controls and confirmation dialogs when switching entities to prevent accidental data loss.
Theming and Styling Flexibility
Supports theming through Sass, allowing customization of colors and styles for components like buttons, chips, inputs within the query builder to match application design.
Accessibility and Keyboard Support
Includes keyboard navigation and reordering, supporting Tab, Enter, Space, Esc, and arrow keys to manage query expressions and enhance usability for all users.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- Angular
- Vanilla JavaScript
About Infragistics
Infragistics, founded in 1989 and headquartered in Cranbury, New Jersey, has established itself as a global force in UI/UX development, serving software professionals in over 100 countries. It is widely recognized for its comprehensive libraries and frameworks supporting web, desktop, and mobile platforms, including solutions tailored for .NET, Angular, React, and other leading technologies. With offices spanning Europe, Asia, and South America, Infragistics delivers components that enable efficient application development and rich user experiences. Its commitment to innovation and customer satisfaction positions it as a trusted partner for developers and organizations worldwide seeking quality and flexibility in their digital projects.
As official and authorized distributors since 1996, ComponentSource supplies you with legitimate licenses directly from Infragistics.