Skip to content

Commit b2aad5f

Browse files
committed
fix(grid,filtering): clear filter with empty input
1 parent 921b194 commit b2aad5f

2 files changed

Lines changed: 12 additions & 2 deletions

File tree

src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,12 @@ export class FilteringSampleComponent implements OnInit {
2121
}
2222

2323
public filter(target: EventTarget) {
24-
this.grid1.filter('ProductName', (target as HTMLInputElement).value, IgxStringFilteringOperand.instance().condition('contains'));
24+
const value = (target as HTMLInputElement).value;
25+
if (value) {
26+
this.grid1.filter('ProductName', value, IgxStringFilteringOperand.instance().condition('contains'));
27+
} else {
28+
this.grid1.clearFilter('ProductName');
29+
}
2530
}
2631

2732
public formatDate(val: Date) {

src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,12 @@ export class TreeGridFilteringSampleComponent implements OnInit {
2727
}
2828

2929
public filter(element: EventTarget) {
30-
this.treegrid1.filter('Name', (element as HTMLInputElement).value, IgxStringFilteringOperand.instance().condition('contains'));
30+
const value = (element as HTMLInputElement).value;
31+
if (value) {
32+
this.treegrid1.filter('Name', value, IgxStringFilteringOperand.instance().condition('contains'));
33+
} else {
34+
this.treegrid1.clearFilter('Name');
35+
}
3136
}
3237

3338
public formatDate(val: Date) {

0 commit comments

Comments
 (0)