DateRangeFilterModelTemplateSelector.TimeOnlyRangeTemplate Property

Gets or sets the template applied when the active filter model is TimeOnlyRangeFilterModel. This is a dependency property.

Namespace: DevExpress.Xpf.Core.FilteringUI

Assembly: DevExpress.Xpf.Grid.v26.1.dll

Declaration

C#

public DataTemplate TimeOnlyRangeTemplate { get; set; }

VB.NET

Public Property TimeOnlyRangeTemplate As DataTemplate

Property Value

Type	Description
DataTemplate	A DataTemplate applied when the active filter model is TimeOnlyRangeFilterModel.

Remarks

The following example applies the TimeOnlyRangeTemplate to the DateRangeFilterElement that filters the ProcessingTime column of the TimeOnly type:

<Window.Resources>
    <!-- Time Only Range Template -->       
    <DataTemplate x:Key="MyTimeOnlyRangeTemplate">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="From:"/>
            <dxe:DateEdit EditValue="{Binding From, Mode=TwoWay}"
                          MaskType="TimeOnly"/>
            <TextBlock Text="To:"/>
            <dxe:DateEdit EditValue="{Binding To, Mode=TwoWay}"
                          MaskType="TimeOnly"/>
        </StackPanel>
    </DataTemplate>
</Window.Resources>

<dxfui:DateRangeFilterElement x:Name="dateRangeFilter"
                              FieldName="ProcessingTime"
                              Context="{Binding FilteringContext, ElementName=grid}">
    <dxfui:DateRangeFilterElement.FilterModelTemplateSelector>
        <dxfui:DateRangeFilterModelTemplateSelector
            TimeOnlyRangeTemplate="{StaticResource MyTimeOnlyRangeTemplate}"/>
    </dxfui:DateRangeFilterElement.FilterModelTemplateSelector>
</dxfui:DateRangeFilterElement>

<dxg:GridControl x:Name="grid" 
                 ItemsSource="{Binding Orders}">
    <dxg:GridControl.Columns>
        <dxg:GridColumn FieldName="OrderDate" Header="Order Date"/>
        <dxg:GridColumn FieldName="ShipDateTime" Header="Ship Date &amp; Time"/>
        <dxg:GridColumn FieldName="DeliveryDate" Header="Delivery Date"/>
        <dxg:GridColumn FieldName="ProcessingTime" Header="Processing Time"/>
    </dxg:GridControl.Columns>
        <dxg:GridControl.View>
            <dxg:TableView .../>
        </dxg:GridControl.View>
</dxg:GridControl>