The DataFilter control supports different kinds of filters namely, RangeFilter, DateFilter, NumericFilter, FullTextFilter, DateRangeFilter, ChecklistFilter etc., to filter different types of data. Corresponding to each filter, an accordion tab is added to the DataFilter control which contains the controls used to filter the data-aware control by a specific field. For example, 

• RangeFilter - The DataFilter control generates a RangeFilter for a numeric data field, which provides range editors and a range slider to filter values in the specified range.
• DateFilter - The DataFilter control generates a DateFilter for a date data type, which provides calendars to filter values in the specified date range.
• NumericFilter - The DataFilter control generates a NumericFilter for a numeric data field, which provides spin boxes to filter values.
• FullTextFilter - The DataFilter control generates a FullTextFilter for a string, which provides textbox to search text by matching case or the whole word.
• DateRangeFilter - The DataFilter control generates a DateRangeFilter for a DateTime type of data field, which provides range editors and a range slider to filter values in the specified date range.
• ChecklistFilter - This filter is autogenerated for textual data. But it can also be used for any other data type. For example, if you need to allow selecting among several numeric values, CheckListFilter is a better option than RangeFilter.

When the AutoGenerateFilters property of the C1DataFilter class is set to true, filters are automatically generated depending on the type of the fields present in the DataSource. These filters are added to the FilterCollection and can be accessed using Filters property of the C1DataFilter class.

The following figure shows the types of filters in the DataFilter control.

The following code demonstrates how filters can be generated programmatically in the DataFilter control.

<Grid Name="LayoutRoot">
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition />
    </Grid.RowDefinitions>
    
    <Grid Grid.Row="1">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="400" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <c1:C1DataFilter x:Name="c1DataFilter" AutoGenerateFilters="False" VerticalAlignment="Top">
            <c1:C1DataFilter.Filters>
                <c1:TextFilter PropertyName="Model" />
                <c1:DateFilter PropertyName="DateProductionLine" HeaderText="Date Production Line" />
                <c1:NumericFilter PropertyName="MPG_City" Increment="1" />
                <c1:FullTextFilter PropertyName="Brand" HeaderText="Brand" />
                <c1:RangeFilter x:Name="rangeFilter" PropertyName="Price" Maximum="370485" Minimum="12565" Increment="1000"  HeaderText="Price"/>
            </c1:C1DataFilter.Filters>
        </c1:C1DataFilter>
        <grid:FlexGrid Grid.Column="1" AutoGenerateColumns="True" x:Name="flexGrid" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
    </Grid>
</Grid>

You can connect different filters with the list of cars using the following code:

private string _fileName = "Expressions.xml";
private DataTable _carsTable;
public MainWindow()
{
    this.InitializeComponent();
    //Get Cars list
    _carsTable = DataProvider.GetCarTable();
    var data = new C1DataCollection<Car>(DataProvider.GetCarDataCollection(_carsTable));
    c1DataFilter.ItemsSource = data;
    flexGrid.ItemsSource = data;
}

Reset Filters

DataFilter also supports filter reset feature. This enables you to the reset the filter selection to its default value on the click of the button.

As shown in the GIF below, the criteria set in the corresponding filter is cleared after clicking on the Reset Filter button.

You can use the following code in the Click event of button to reset the filter to its default value:

private async void BtnResetFilter_Click(object sender, RoutedEventArgs e)
 {
   c1DataFilter.LoadFilterExpression(_fileName);
   await c1DataFilter.ApplyFilterAsync();
 }