TreeGrid filtering not working in document demo

[Scott Peal]

On this document page:

• when you enter the value 3 in the filter for the task name column, no results are returned
• when you click the X to cancel the filter, the filter value is cleared but the grid is still filtering

https://blazor.syncfusion.com/demos/TreeGrid/DefaultFiltering?theme=bootstrap4

[Manivannan Padmanaban]

Hi Scott, 

Greetings from Syncfusion Support. 

Query 1: when you enter the value 3 in the filter for the task name column, no results are returned  

 

By default the filter operator for the TaskName column is startswith. Due to this when we enter the value 3 it returns no result. We can change the default filter operator by extending Filter property in the column. Kindly refer the below code example, here we have changed the default operator for TaskName column as contains from startswith 

 

 

@{ 

    var Filtering = new 

    {@@operator = "contains" 

}; 

} 

 

<EjsTreeGrid DataSource="@TreeGridData" AllowFiltering="true" ……..> 

………….. 

    <TreeGridColumns> 

        …………. 

        <TreeGridColumn Field="TaskName" HeaderText="Task Name" Width="160" Filter="@Filtering"></TreeGridColumn> 

…………….. 

    </TreeGridColumns> 

</EjsTreeGrid> 

 

 

Refer the below Help Documentation link, 

https://ej2.syncfusion.com/blazor/documentation/treegrid/filtering/#filter-operators 

 

Query 2: when you click the X to cancel the filter, the filter value is cleared but the grid is still filtering 

 

In filterbar, once when we clicked the X mark to cancel the filter we need to press the Enter key to cleared the filter value from the grid which is the default behavior. 

 

Kindly get back to us, if you need further assistance. We will be happy to assist you. 

 

Regards, 

Manivannan Padmanaban. 

[Scott Peal]

Query 1:

Thanks for the information, that was very helpful. 

Query 2:

Please consider changing that behavior as it is not what a user would expect to do if they hit the X.

Keep up the awesome work!

[Gowri Loganathan]

Hi Scott, 

We are very happy that you had solved your query. 

Query 2: Please consider changing that behavior as it is not what a user would expect to do if they hit the X. 

 

To trigger filter action without Enter key we suggest you to set the filtering mode as immediate. It Initiates the filter operation after a certain time interval. By default, time interval is 1500 ms. 

 

Please refer the below documentation and API link for giving modes to TreeGrid. 

 

Documentation: https://ej2.syncfusion.com/documentation/api/grid/filterSettings/?no-cache=1#mode 

Blazor API : https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridFilterSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridFilterSettings_Mode 

Regards, 

Gowri V L.