Interface for a class QueryBuilder
Triggers when field, operator, value is change.
Triggers before the condition (And/Or), field, operator, value is changed.
Triggers when changing the condition(AND/OR), field, value, operator is changed.
EmitType<Event>
Triggers when the component is created.
EmitType<Object>
Triggers when dataBound to the Query Builder.
Triggers when changing the condition(AND/OR), field, value, operator is changed
boolean
Enables or disables the validation.
Specifies columns to create filters.
string
Defines class or multiple classes, which are separated by a space in the QueryBuilder element. You can add custom styles to the QueryBuilder using the cssClass property.
Object[] | Object | DataManager
Binds the column name from data source in query-builder.
The dataSource is an array of JavaScript objects.
Specifies the displayMode as Horizontal or Vertical.
boolean
Enables/Disables the not group condition in query builder.
boolean
Enable or disable persisting component’s state between page reloads. If enabled, filter states will be persisted.
boolean
Enable or disable rendering component in right to left direction.
Specifies the fieldMode as DropDownList or DropDownTree.
DropDownListModel | DropDownTreeModel
Specifies the property for field. @default null
string | Function
Specifies the template for the header with any other widgets.
string
Specifies the height of the query builder.
number
If immediateModeDelay is set by particular number, the rule Change event is triggered after that period.
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
boolean
If match case is set to true, the grid filters the records with exact match. if false, it filters case insensitive records (uppercase and lowercase letters treated the same).
number
Specifies the maximum group count or restricts the group count.
DropDownListModel
Specifies the property for operator. @default null
boolean
When set to true, the user interactions on the component are disabled.
Defines rules in the QueryBuilder. Specifies the initial rule, which is JSON data.
string
Specifies the separator string for column.
Specifies the showButtons settings of the query builder component. The showButtons can be enable Enables or disables the ruleDelete, groupInsert, and groupDelete buttons.
Specifies the sort direction of the field names.
boolean
Shows or hides the filtered query.
Specifies the property for value.
string
Specifies the width of the query builder.