[Solved] Binding to GroupHeader

[roodeck]

Is it possible to bind to group header element from my collection which has not been distinguished as a groupedescriptor ?

 

<telerikGrid:RadDataGrid.GroupDescriptors>
          <telerikGrid:PropertyGroupDescriptor PropertyName="Country"/>
 </telerikGrid:RadDataGrid.GroupDescriptors>

I'm trying to do something similar to that :

<local:CustomDataTemplateSelector x:Key="TemplateSelector">           
<local:CustomDataTemplateSelector.ExpandedTemplate>               

<DataTemplate>                   

  <StackPanel Orientation="Vertical">                       

   <TextBlock Text="{Binding Group.Key}" Foreground="#21A6FF" />     //     "Country"
               

   <Image Source="{Binding IconPath}"   VerticalAlignment="Center"/> // element I would like to add
  </StackPanel>
</DataTemplate>
</local:CustomDataTemplateSelector.ExpandedTemplate>

<local:CustomDataTemplateSelector.CollapsedTemplate>
<DataTemplate>
  <TextBlock Text="{Binding Group.Key}" Foreground="#FFDE5B"  FontStyle="Italic" 
       Margin="115,0,0,0" VerticalAlignment="Center"/>
</DataTemplate>
</local:CustomDataTemplateSelector.CollapsedTemplate>
</local:CustomDataTemplateSelector>

[Rosy Topchiyska]

Hi Piotr,

Thank you for your question.

I have prepared an example project that demonstrates how to customize the group headers: you can create a class that inherits the IValueConverter class and use it to set the Source of the Image element in the Data Template for the expanded state of the CustomDataTemplateSelector.

I hope this was useful and let me know if you need further assistance.

Regards,
Rositsa Topchiyska
Telerik

[roodeck]

Thank You :)