FilterPanel

Since v0.12.0

Interface for filter panel components.

Filter panel components receive the full FilterPanelParams as a single input, providing access to field info, unique values, and filter action methods.

Example

import { Component, input } from '@angular/core';
import type { FilterPanel } from '@toolbox-web/grid-angular';
import type { FilterPanelParams } from '@toolbox-web/grid/plugins/filtering';

@Component({
  selector: 'app-custom-filter',
  template: `
    <div>
      <input (input)="onSearch($event)" />
      <button (click)="params().clearFilter()">Clear</button>
    </div>
  `
})
export class CustomFilterComponent implements FilterPanel {
  params = input.required<FilterPanelParams>();
}

Properties

Property	Type	Description
params	() => FilterPanelParams	The filter panel parameters — use input.required<FilterPanelParams>()