constructor(grid: FlexGrid): FlexGridFilter
Initializes a new instance of the FlexGridFilter class.
Gets or sets the default filter type to use.
This value can be overridden in filters for specific columns. For example, the code below creates a filter that filters by conditions on all columns except the "ByValue" column:
var f = new wijmo.grid.filter.FlexGridFilter(flex);
f.defaultFilterType = wijmo.grid.filter.FilterType.Condition;
var col = flex.columns.getColumn('ByValue'),
cf = f.getColumnFilter(col);
cf.filterType = wijmo.grid.filter.FilterType.Value;Angular (EventEmitter) version of the Wijmo filterApplied event for programmatic access. Use this event name if you want to subscribe to the Angular version of the event in code. In template bindings use the conventional filterApplied Wijmo event name.
Angular (EventEmitter) version of the Wijmo filterChanged event for programmatic access. Use this event name if you want to subscribe to the Angular version of the event in code. In template bindings use the conventional filterChanged Wijmo event name.
Angular (EventEmitter) version of the Wijmo filterChanging event for programmatic access. Use this event name if you want to subscribe to the Angular version of the event in code. In template bindings use the conventional filterChanging Wijmo event name.
Gets or sets an array containing the names or bindings of the columns that have filters.
Setting this property to null or to an empty array adds filters to all columns.
Gets or sets the current filter definition as a JSON string.
Gets a reference to the FlexGrid that owns this filter.
This event is triggered after the component has been initialized by Angular, that is all bound properties have been assigned and child components (if any) have been initialized.
Indicates whether the component has been initialized by Angular. Changes its value from false to true right before triggering the initialized event.
Gets or sets a value indicating whether the FlexGridFilter adds filter editing buttons to the grid's column headers.
If you set this property to false, then you are responsible for providing a way for users to edit, clear, and apply the filters.
Gets or sets a value indicating whether the filter editor should include sort buttons.
By default, the editor shows sort buttons like Excel does. But since users can sort columns by clicking their headers, sort buttons in the filter editor may not be desirable in some circumstances.
Gets or sets a name of a property that this component is assigned to. Default value is ''.
apply(): void
Applies the current column filters to the grid.
created(): void
If you create a custom component inherited from a Wijmo component, you can override this method and perform necessary initializations that you usually do in a class constructor. This method is called in the last line of a Wijmo component constructor and allows you to not declare your custom component's constructor at all, thus preventing you from a necessity to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.
editColumnFilter(col: any, ht?: HitTestInfo): void
Shows the filter editor for the given grid column.
The Column that contains the filter to edit.
A HitTestInfo object containing the range of the cell that triggered the filter display.
getColumnFilter(col: any, create?: boolean): ColumnFilter
Gets the filter for the given column.
The Column that the filter applies to (or column name or index).
Whether to create the filter if it does not exist.
onFilterApplied(e?: EventArgs): void
Raises the filterApplied event.
onFilterChanged(e: CellRangeEventArgs): void
Raises the filterChanged event.
onFilterChanging(e: CellRangeEventArgs): void
Raises the filterChanging event.
Occurs after a column filter has been edited by the user.
Use the event parameters to determine the column that owns the filter and whether changes were applied or canceled.
Occurs when a column filter is about to be edited by the user.
Use this event to customize the column filter if you want to override the default settings for the filter.
For example, the code below sets the operator used by the filter conditions to 'contains' if they are null:
filter.filterChanging.addHandler(function (s, e) {
var cf = filter.getColumnFilter(e.col);
if (!cf.valueFilter.isActive && cf.conditionFilter.condition1.operator == null) {
cf.filterType = wijmo.grid.filter.FilterType.Condition;
cf.conditionFilter.condition1.operator = wijmo.grid.filter.Operator.CT;
}
});
Angular 2 component for the FlexGridFilter control.
The wj-flex-grid-filter component must be contained in a WjFlexGrid component.
Use the wj-flex-grid-filter component to add FlexGridFilter controls to your Angular 2 applications. For details about Angular 2 markup syntax, see Angular 2 Markup.
The WjFlexGridFilter component is derived from the FlexGridFilter control and inherits all its properties, events and methods.