FilterBar filtering

Question

Hello,I faced an issue where FilterBar only applies changes for a single column even if there are values in others. So I assume filter is applying only when you click "enter" and it only applies for the single column that I clicked enter in. What I need is to maintain all texts that I entered in FilterBar and apply them as filters for columns on a single enter click in any of columns. According to this picture, I entered ItemName then entered ItemCategoryCode and then I entered ItemCategoryName and clicked enter, so it only filtered by the ItemCategoryName and ignored others.

Hariharan J V · Answer

Hi Domantas, 

Thanks for contacting Syncfusion support. 
 
By default, Grid filtering `mode` is `OnEnter`, so when the user press the enter key, then only it will filter the column. So we suggest you to use filtering mode as `Immediate` for filtering column after a certain time interval(1500ms). We have prepared a simple sample for this and please refer then below code snippets and sample link. 

[fitermenu.componet.ts] 
  this.filterSettings = { mode: 'Immediate', immediatemodedelay: 1400 };  

[filtermenu.html] 
<ejs-grid #grid [dataSource]='data' allowPaging='true' allowFiltering='true' [pageSettings]='pageSettings' [filterSettings]='filterSettings'> 

Sample: https://stackblitz.com/edit/angular-nnnpkn-ufn1fc?file=filtermenu.html  

Documentation: https://ej2.syncfusion.com/documentation/grid/api-filterSettings.html#mode  

Regards, 
Hariharan