Custom Filter Editor
/ 266
The Verified column in that example uses custom filter as follow:
boolean-filter.component.ts
boolean-filter.component.html
import { Component, Input, OnInit, WritableSignal } from '@angular/core';
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { MatSlideToggle } from '@angular/material/slide-toggle';
import { BaseColumn , FilterEditor , TableCriteria } from 'ngx-panemu-table';
@Component({
standalone: true,
imports: [MatSlideToggle, ReactiveFormsModule],
templateUrl: './boolean-filter.component.html',
})
export class BooleanFilterComponent implements OnInit, FilterEditor {
column!: BaseColumn <any>;
filter!: TableCriteria ;
value!: WritableSignal<string | null | undefined>;
txt = new FormControl('');
ngOnInit(): void {
this.txt.valueChanges.subscribe({
next: val => {
console.log(`slide ${val} `, typeof val);
this.value.set(val)
}
})
this.txt.setValue(this.filter.value || false)
}
}