Use Apply.
The same emitter under the old binding name, so a template still binding (apply) keeps working. Must stay AFTER Apply: class fields initialise in order, and the other way round this captures undefined.
Emitted when the Apply button is clicked (if showApplyButton is true)
Use Clear.
The same emitter under the old binding name, so a template still binding (clear) keeps working. Must stay AFTER Clear: class fields initialise in order, and the other way round this captures undefined.
Emitted when the Clear button is clicked
Configuration options
Whether the component is disabled
Available fields to filter on
Current filter state (Kendo-compatible CompositeFilterDescriptor)
Use FilterChange.
The same emitter under the old binding name, so a template still binding (filterChange) keeps working. Must stay AFTER FilterChange: class fields initialise in order, and the other way round this captures undefined.
Emitted when the filter changes
Whether there are any active filters
Internal filter state
Whether the filter summary is expanded (visible)
Merged configuration
Whether to show the natural language filter summary at the bottom
When set (even one source), every written field is source.key.fieldName.
Several sources: two-pane field picker. One source: same JSON prefix, simpler picker.
Omit for legacy views that still persist bare field names.
Use Disabled.
Use EffectiveFields.
Fields the rule UI binds to. When sources is set, names are always key.field.
Use Filter.
Use HasActiveFilters.
Use InternalFilter.
Use IsSummaryExpanded.
Use MergedConfig.
Use ShowSummary.
Use Sources.
Get the count of active filter rules
Generate HTML-formatted summary of the filter expression with syntax highlighting
A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
The changed properties.
A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.
Use OnApply.
Handle Apply button click
Use OnClear.
Handle Clear button click
Use ToggleSummary.
Toggle the filter summary visibility
FilterBuilderComponent - Main filter builder component
Provides a complete UI for building complex filter expressions with AND/OR logic and nested groups. Outputs Kendo-compatible CompositeFilterDescriptor JSON format.
Example