Member Junction
    Preparing search index...

    Class FilterBuilderComponent

    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.

    <mj-filter-builder
      [fields]="filterFields"
      [filter]="currentFilter"
      (filterChange)="onFilterChange($event)"
      (apply)="onApply($event)">
    </mj-filter-builder>

    Implements

    • OnInit
    • OnChanges
    Index

    Constructors

    constructor

    Properties

    apply clear config disabled fields filter filterChange hasActiveFilters internalFilter isSummaryExpanded mergedConfig showSummary

    Methods

    getFilterCount getFilterSummaryHtml ngOnChanges ngOnInit onApply onClear onFilterChange toggleSummary

    Constructors

    Properties

    apply: EventEmitter<CompositeFilterDescriptor> = ...

    Emitted when the Apply button is clicked (if showApplyButton is true)

    clear: EventEmitter<void> = ...

    Emitted when the Clear button is clicked

    config: Partial<FilterBuilderConfig> = {}

    Configuration options

    disabled: boolean = false

    Whether the component is disabled

    fields: FilterFieldInfo[] = []

    Available fields to filter on

    filter: CompositeFilterDescriptor | null = null

    Current filter state (Kendo-compatible CompositeFilterDescriptor)

    filterChange: EventEmitter<CompositeFilterDescriptor> = ...

    Emitted when the filter changes

    hasActiveFilters: boolean = false

    Whether there are any active filters

    internalFilter: CompositeFilterDescriptor = ...

    Internal filter state

    isSummaryExpanded: boolean = false

    Whether the filter summary is expanded (visible)

    mergedConfig: FilterBuilderConfig = ...

    Merged configuration

    showSummary: boolean = false

    Whether to show the natural language filter summary at the bottom

    Methods

    • 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.

      Parameters

      • changes: { [propName: string]: SimpleChange<any> }

        The changed properties.

      Returns void

    • 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.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods