Custom Telerik WPF UI Implementation
Budget: $30 – $250 USD
Hi, I need help with the design and how to implement a telerik custom filter. If you can help me with a small example, I have been reading the "Custom Filtering Controls" documentation (https://docs.telerik.com/devtools/wpf/controls/radgridview/filtering/custom-filtering-controls) but I am having trouble implementing it for this case.
Currently I have a RadGridView, which shows a list of orders. One of the columns shows a list of icons:
public required List<IMvvmViewModel?> DesignStatusViewModels { get; set; }
Column:
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn
IsReadOnly="True"
HeaderCellStyle="{StaticResource DesignStatusCellStyle}"
DataMemberBinding="{Binding DesignStatusViewModels}"
IsFilterable="True">
<telerik:GridViewDataColumn.Header>
<TextBlock
Text="Design Status"
MinWidth="100"
Width="Auto"
TextAlignment="Center">
</TextBlock>
</telerik:GridViewDataColumn.Header>
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
...
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
Each IMvvmViewModel has a bool, and a template, the template is responsible for showing the activated or not activated icon for each case, for example:
[DesignStatusTemplates(Template = typeof(DesignStatusRushOrderTemplate))]
publicpartialclassDesignStatusRushOrderViewModel : IMvvmViewModel
{
publicbool IsRush { get; set;}
}
[DesignStatusTemplates(Template = typeof(DesignStatusExternalOrderTemplate))]
publicpartialclassDesignStatusExternalOrderViewModel : IMvvmViewModel
{
publicbool IsExternal { get; set;}
}
What I need is to make a custom filter for this column, something like that:
<telerik:GridViewDataColumn.FilteringControl>
<ds:DesignStatusFilterControl />
</telerik:GridViewDataColumn.FilteringControl>
which can filter with a checkbox or whatever is easier, for example all orders that have DesignStatusRushOrderViewModel -> IsRush == true.
Thanks! Juan
Currently I have a RadGridView, which shows a list of orders. One of the columns shows a list of icons:
public required List<IMvvmViewModel?> DesignStatusViewModels { get; set; }
Column:
<telerik:RadGridView.Columns>
<telerik:GridViewDataColumn
IsReadOnly="True"
HeaderCellStyle="{StaticResource DesignStatusCellStyle}"
DataMemberBinding="{Binding DesignStatusViewModels}"
IsFilterable="True">
<telerik:GridViewDataColumn.Header>
<TextBlock
Text="Design Status"
MinWidth="100"
Width="Auto"
TextAlignment="Center">
</TextBlock>
</telerik:GridViewDataColumn.Header>
<telerik:GridViewDataColumn.CellTemplate>
<DataTemplate>
...
</DataTemplate>
</telerik:GridViewDataColumn.CellTemplate>
</telerik:GridViewDataColumn>
Each IMvvmViewModel has a bool, and a template, the template is responsible for showing the activated or not activated icon for each case, for example:
[DesignStatusTemplates(Template = typeof(DesignStatusRushOrderTemplate))]
publicpartialclassDesignStatusRushOrderViewModel : IMvvmViewModel
{
publicbool IsRush { get; set;}
}
[DesignStatusTemplates(Template = typeof(DesignStatusExternalOrderTemplate))]
publicpartialclassDesignStatusExternalOrderViewModel : IMvvmViewModel
{
publicbool IsExternal { get; set;}
}
What I need is to make a custom filter for this column, something like that:
<telerik:GridViewDataColumn.FilteringControl>
<ds:DesignStatusFilterControl />
</telerik:GridViewDataColumn.FilteringControl>
which can filter with a checkbox or whatever is easier, for example all orders that have DesignStatusRushOrderViewModel -> IsRush == true.
Thanks! Juan