Member Junction
    Preparing search index...

    Class FilterRuleComponent

    FilterRuleComponent - A single filter condition row

    Displays field selector, operator selector, and value editor based on the field type.

    Implements

    • OnInit
    • OnChanges
    Index

    Constructors

    constructor

    Properties

    ActiveSourceKey AvailableOperators delete Delete Disabled DropdownMenuStyle FieldDropdownBtn FieldDropdownOpen FieldHighlightIndex fields Filter filterChange FilterChange OperatorDropdownBtn OperatorDropdownOpen OperatorHighlightIndex RequiresValue SelectedField ShowDelete Sources ValueDropdownBtn ValueDropdownOpen ValueHighlightIndex

    Accessors

    activeSourceKey availableOperators disabled dropdownMenuStyle fieldDropdownBtn fieldDropdownOpen fieldHighlightIndex filter isMultiSource IsMultiSource operatorDropdownBtn operatorDropdownOpen operatorHighlightIndex requiresValue selectedField showDelete sources valueDropdownBtn valueDropdownOpen valueHighlightIndex

    Methods

    closeAllDropdowns CloseAllDropdowns closeFieldDropdown CloseFieldDropdown closeOperatorDropdown CloseOperatorDropdown closeValueDropdown CloseValueDropdown fieldsForSource FieldsForSource getDateInputValue GetDateInputValue getSelectedFieldDisplayName GetSelectedFieldDisplayName getSelectedOperatorLabel GetSelectedOperatorLabel getSelectedValueLabel GetSelectedValueLabel hasValueList HasValueList ngOnChanges ngOnInit onBooleanChange OnBooleanChange onDateChange OnDateChange onDelete OnDelete onDocumentClick onFieldChange OnFieldChange onFieldKeydown OnFieldKeydown onOperatorChange OnOperatorChange onOperatorKeydown OnOperatorKeydown onValueChange OnValueChange onValueKeydown OnValueKeydown resetHighlightIndices ResetHighlightIndices selectField SelectField selectOperator SelectOperator selectSource SelectSource selectValue SelectValue selectValueFromOption SelectValueFromOption toggleFieldDropdown ToggleFieldDropdown toggleOperatorDropdown ToggleOperatorDropdown toggleValueDropdown ToggleValueDropdown

    Constructors

    Properties

    ActiveSourceKey: string | null = null
    AvailableOperators: OperatorInfo[] = []

    Available operators for the selected field type

    delete: EventEmitter<void> = ...

    Use Delete.

    The same emitter under the old binding name, so a template still binding (delete) keeps working. Must stay AFTER Delete: class fields initialise in order, and the other way round this captures undefined.

    Delete: EventEmitter<void> = ...

    Emitted when the delete button is clicked

    Disabled: boolean = false

    Whether the component is disabled

    DropdownMenuStyle: Record<string, string> = {}
    FieldDropdownBtn: ElementRef<HTMLButtonElement>
    FieldDropdownOpen: boolean = false
    FieldHighlightIndex: number = -1
    fields: FilterFieldInfo[] = []

    Available fields to filter on

    Filter: FilterDescriptor

    The filter descriptor for this rule

    filterChange: EventEmitter<FilterDescriptor> = ...

    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.

    FilterChange: EventEmitter<FilterDescriptor> = ...

    Emitted when the filter changes

    OperatorDropdownBtn: ElementRef<HTMLButtonElement>
    OperatorDropdownOpen: boolean = false
    OperatorHighlightIndex: number = -1
    RequiresValue: boolean = true

    Whether the current operator requires a value

    SelectedField: FilterFieldInfo | null = null

    Currently selected field info

    ShowDelete: boolean = true

    Whether to show the delete button

    Sources: FilterSource[] = []
    ValueDropdownBtn: ElementRef<HTMLButtonElement>
    ValueDropdownOpen: boolean = false
    ValueHighlightIndex: number = -1

    Accessors

    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

    • Handle value selection from value list option (supports union type)

      Parameters

      • value: string | number | boolean

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods
    closeAllDropdownsCloseAllDropdownscloseFieldDropdownCloseFieldDropdowncloseOperatorDropdownCloseOperatorDropdowncloseValueDropdownCloseValueDropdownfieldsForSourceFieldsForSourcegetDateInputValueGetDateInputValuegetSelectedFieldDisplayNameGetSelectedFieldDisplayNamegetSelectedOperatorLabelGetSelectedOperatorLabelgetSelectedValueLabelGetSelectedValueLabelhasValueListHasValueListngOnChangesngOnInitonBooleanChangeOnBooleanChangeonDateChangeOnDateChangeonDeleteOnDeleteonDocumentClickonFieldChangeOnFieldChangeonFieldKeydownOnFieldKeydownonOperatorChangeOnOperatorChangeonOperatorKeydownOnOperatorKeydownonValueChangeOnValueChangeonValueKeydownOnValueKeydownresetHighlightIndicesResetHighlightIndicesselectFieldSelectFieldselectOperatorSelectOperatorselectSourceSelectSourceselectValueSelectValueselectValueFromOptionSelectValueFromOptiontoggleFieldDropdownToggleFieldDropdowntoggleOperatorDropdownToggleOperatorDropdowntoggleValueDropdownToggleValueDropdown