Skip to main content

Filter API overview

FilterBuilder API overview

FilterBuilder properties overview

fieldsRequired. An array of objects with fields data
optionsRequired. An object with field options or a function that receives field id and returns options
typeOptional. Defines the type of the FilterBuilder presentation
valueOptional. An object with filtering rules

FilterBuilder actions overview

add-groupFires when adding a nested group with a filtering rule in it
add-ruleFires when adding a filtering rule
changeFires when changes are made and applied via the user interface
change-ruleFires when changing a filtering rule
delete-ruleFires when deleting a filtering rule
edit-ruleFires when opening the filter editor form
toggle-glueFires when toggling the filtering logic
update-ruleFires when finalizing changes made to a filtering rule

FilterBuilder methods overview

api.on()Allows attaching a handler to the inner events
api.exec()Allows triggering the FilterBuilder actions
api.getReactiveState()Gets the state object that stores current values of most FilterBuilder properties
api.getState()Gets the state object that stores current values of most FilterBuilder properties
api.getValue()Gets the filter configuration object
api.intercept()Allows intercepting and blocking/modifying actions
api.setNext()Allows adding some action into the Event Bus order

FilterEditor API overview

FilterEditor properties overview

buttonsOptional. Defines whether to display buttons
fieldRequired. Defines the field a filter should be applied to
fieldsOptional. An array with fields settings for FilterEditor
fieldsSelectorOptional. Specifies whether to display the dropdown with the list of fields to select from
filterOptional. Defines the input UI and available comparison operators
formatOptional. Defines how to format values for FilterEditor
includesOptional. Defines selected options in the filter editor
optionsOptional. An array of options or a function that receives field id and returns options
typeOptional. Defines the type of filter
valueOptional. Current input value

FilterEditor events overview

onapplyFires when filter changes are applied by clicking the Apply button
oncancelA function that is called on click of the Cancel button
onchangeFires when changes are made and applied via the user interface

FilterBar API overview

FilterBar properties overview

debounceOptional. A delay time of filtering set before the onchange event
fieldsRequired. An array with fields settings for FilterBar

FilterBar events overview

onchangeFires when changes are made and applied via the user interface