fix(grid): clear filter on empty input in the landing marathon sample

damyanpetev · damyanpetev · commit d908d8e3b370 · 2024-10-25T16:11:39.000+03:00
diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts
@@ -197,8 +197,12 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit {
     }
 
     public filter(target: EventTarget): void {
-        this.grid1.filter('CountryName', (target as HTMLInputElement).value, IgxStringFilteringOperand.instance().condition('contains'), true);
-        this.grid1.markForCheck();
+        const value = (target as HTMLInputElement).value;
+        if (value) {
+            this.grid1.filter('CountryName', value, IgxStringFilteringOperand.instance().condition('contains'));
+        } else {
+            this.grid1.clearFilter('CountryName');
+        }
     }
 
     public showAlert(element: ElementRef): void {

Original file line number	Diff line number	Diff line change
`@@ -197,8 +197,12 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit {`
`197`	`197`	`}`
`198`	`198`
`199`	`199`	`public filter(target: EventTarget): void {`
`200`		`- this.grid1.filter('CountryName', (target as HTMLInputElement).value, IgxStringFilteringOperand.instance().condition('contains'), true);`
`201`		`- this.grid1.markForCheck();`
	`200`	`+ const value = (target as HTMLInputElement).value;`
	`201`	`+ if (value) {`
	`202`	`+ this.grid1.filter('CountryName', value, IgxStringFilteringOperand.instance().condition('contains'));`
	`203`	`+ } else {`
	`204`	`+ this.grid1.clearFilter('CountryName');`
	`205`	`+ }`
`202`	`206`	`}`
`203`	`207`
`204`	`208`	`public showAlert(element: ElementRef): void {`