A component used for operating with complex filters by creating or editing conditions and grouping them using AND/OR logic. It is used internally in the Advanced Filtering of the Grid.

Example

<igx-query-builder [entities]="this.entities">
</igx-query-builder>

Constructors

Section titled "Constructors"

IgxQueryBuilderComponent 

new IgxQueryBuilderComponent(): IgxQueryBuilderComponent

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:265

Returns IgxQueryBuilderComponent

Properties

Section titled "Properties"

disableEntityChange

Section titled "disableEntityChange"

Disables subsequent entity changes at the root level after the initial selection.

 
disableEntityChange: boolean = false

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:202

disableReturnFieldsChange

Section titled "disableReturnFieldsChange"

Disables return fields changes at the root level.

 
disableReturnFieldsChange: boolean = false

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:220

expressionTreeChange

Section titled "expressionTreeChange"

Event fired as the expression tree is changed.

<igx-query-builder (expressionTreeChange)='onExpressionTreeChange()'></igx-query-builder>
expressionTreeChange: EventEmitter<IExpressionTree>

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:230

locale

Section titled "locale"

Gets the locale of the query builder. If not set, defaults to application's locale.

 
locale: string

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:180

showEntityChangeDialog

Section titled "showEntityChangeDialog"

Gets/sets whether the confirmation dialog should be shown when changing entity. Default value is true.

 
showEntityChangeDialog: boolean = true

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:75

Accessors

Section titled "Accessors"

entities

Section titled "entities"

Gets the list of entities available for the query builder.

Each entity describes a logical group of fields that can be used in queries. An entity can optionally have child entities, allowing nested sub-queries.

 
get entities(): EntityType[]

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:85

Returns EntityType[]

Sets the list of entities for the query builder. If the expressionTree is defined, it will be recreated with the new entities.

Each entity should be an EntityType object describing the fields and optionally child entities.

Example:

[
  {
    name: 'Orders',
    fields: [{ field: 'OrderID', dataType: 'number' }],
    childEntities: [
      {
        name: 'OrderDetails',
        fields: [{ field: 'ProductID', dataType: 'number' }]
      }
    ]
  }
]
set entities(entities: EntityType[]): void

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:114

Parameters

  • entities: EntityType[] -

    The array of entities to set.

Returns void

expressionTree

Section titled "expressionTree"

Sets the expression tree.

 
set expressionTree(expressionTree: IExpressionTree): void

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:165

Parameters

Returns void

resourceStrings

Section titled "resourceStrings"

Sets the resource strings. By default it uses EN resources.

 
set resourceStrings(value: IQueryBuilderResourceStrings): void

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:187

Parameters

Returns void

searchValueTemplate

Section titled "searchValueTemplate" 
get searchValueTemplate(): TemplateRef<IgxQueryBuilderSearchValueContext>

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:212

Returns TemplateRef<IgxQueryBuilderSearchValueContext>

Sets/gets the search value template.

 
set searchValueTemplate(template: TemplateRef<IgxQueryBuilderSearchValueContext>): void

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:208

Parameters

  • template: TemplateRef<IgxQueryBuilderSearchValueContext>

Returns void

Methods

Section titled "Methods"

canCommit

Section titled "canCommit"

Returns whether the expression tree can be committed in the current state.

 
canCommit(): boolean

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:275

Returns boolean

commit

Section titled "commit"

Commits the expression tree in the current state if it is valid. If not throws an exception.

 
commit(): void

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:282

Returns void

discard

Section titled "discard"

Discards all unsaved changes to the expression tree.

 
discard(): void

Defined in projects/igniteui-angular/query-builder/src/query-builder/query-builder.component.ts:295

Returns void