This is a migrated thread and some comments may be shown as answers.

Group Header - row data in group header

11 Answers 655 Views

GridView

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

schneeflocke asked on 20 May 2010, 07:17 PM

grid-content.PNG

Hi, I tried all the samples found in the forum but I didn't come to a final solution.

I want to group a grid by a special column. Additionaly I want to add to the group header different data like a description text, the content of the description text comes from the data grid source.

A picture describes more than 100. words, so I attached an image which should better explain how the data source looks like and how the result should look like.

The bigges problem ist to generate the second header group with different content as the first header group.

Thanks

Stefan

11 Answers, 1 is accepted

answered on 22 May 2010, 05:01 PM

group-issue.jpg

Hi,

the demo really helps. I'm a few steps further, but I struggle in the following situation.
Attached you can find a picture which describes the problem. I defined individual group templates for two different columns. Both group header definitions contain a list box the content picked up out of the grid content (items). If you execute the first grouping of the grid the group header with the list box content appears correct. If you then group a second time by an other grid field, the content of the first group header disapears.

The grid is defined in the following way:

    
                    <telerikGridView:RadGridView x:Name="myGrid" Margin="0"  AutoGenerateColumns="False" IsReadOnly="True" CanUserFreezeColumns="False" AutoExpandGroups="True" CanUserDeleteRows="False" CanUserInsertRows="False" ShowGroupPanel="True">  
        
                                <telerikGridView:RadGridView.Columns> 
        
                                    <telerikGridView:GridViewDataColumn Header="Week hdr" DataMemberBinding="{Binding Week}" IsVisible = "True">  
        
                                        <telerikGridView:GridViewDataColumn.GroupHeaderTemplate> 
        
                                            <DataTemplate> 
        
                                            <StackPanel Orientation="Vertical" Margin="5,0">  
        
                                                <TextBlock Foreground="Green" Text="{Binding Group.Key}" /> 
        
                                                <ListBox ItemsSource="{Binding Group.Items}" DisplayMemberPath="WeekNo" Height="20" VerticalAlignment="Top" Background="{x:Null}" BorderBrush="{x:Null}" IsEnabled="False" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled"/>  
        
                                            </StackPanel> 
        
                                            </DataTemplate> 
        
                                        </telerikGridView:GridViewDataColumn.GroupHeaderTemplate> 
        
                                    </telerikGridView:GridViewDataColumn> 
        
                                    <telerikGridView:GridViewDataColumn Header="Week No" DataMemberBinding="{Binding WeekNo}" IsVisible = "True">  
        
                                        <telerikGridView:GridViewDataColumn.GroupHeaderTemplate> 
        
                                            <DataTemplate> 
        
                                            <StackPanel Orientation="Vertical" Margin="5,0">  
        
                                                <TextBlock Foreground="Green" Text="{Binding Group.Key}" /> 
        
                                                <ListBox ItemsSource="{Binding Group.Items}" DisplayMemberPath="Day" Height="20" VerticalAlignment="Top" Background="{x:Null}" BorderBrush="{x:Null}" IsEnabled="False" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled"/>  
        
                                            </StackPanel> 
        
                                            </DataTemplate> 
        
                                        </telerikGridView:GridViewDataColumn.GroupHeaderTemplate> 
        
                                    </telerikGridView:GridViewDataColumn> 
        
                                    <telerikGridView:GridViewDataColumn Header="Day" DataMemberBinding="{Binding Day}" IsVisible = "True"/>  
        
                                </telerikGridView:RadGridView.Columns> 
        
                    </telerikGridView:RadGridView>

answered on 01 Jun 2010, 09:14 PM

Hi,

you can see it in the picture that I previously attached to the reply.
What I want ist do group a grid two times by two different colums. The header description of each group should contain additional data out of the grid. The group Key, and additional data picked out of the group items. Same situation as the average or sum functionality but in my case for character values.
The Header description values should be kept also in that case the grid wil be grouped by an other column.

I will try to submit you an example by creating a support ticket. Just start the sample. The sample itselve groups the grid by "Week" and the group header contains different values displayed in list controls. Please take the sample and group it a second time by "Day". The sample will now show the second group header but the first group header will loose all date except the group.key.

Thanks

Stefan

answered on 03 Jun 2010, 09:31 AM

Hi,

the purpose of the request is to generate a grid in a layout generated like shown in the following link: http://www.sse-luzius.de/seelsorgeeinheit/gottesdienste.html

The content of the group header will not appear (visible = false) as a grid column. Only the real detail information will shown as as grid column. In the sample link you can see that the "first group criteria" is the Week and the "second group criteria" is the date.

The reason for using the grid is that the detail information should be editable (not the group header content).

Could it be a solution to generate a group.key with the whole group header, concatenate the "several items" to one key. So I need to use only the group key. But how can I then seperate the content of the group.key during the usage? Extracting substrings. something like that:

    
                                            <StackPanel Orientation="Vertical" Margin="5,0">     
        
                                                <TextBlock Foreground="Green" Text="{Binding Group.Key}.Substring(0, 10)" />    
        
                                                <TextBlock Foreground="Green" Text="{Binding Group.Key}.Substring(11, 30)" />    
        
                                                <TextBlock Foreground="Green" Text="{Binding Group.Key}.Substring(31, 50)" />     
        
                                            </StackPanel>

Thanks for your continuous help and support

Stefan

Accepted

answered on 09 Jun 2010, 10:11 AM

demogridheader.zip

Hi schneeflocke,

Since the binding will not help in multilevel grouping , i have slightly modified your sample application. i have placed a user control in the header and in the code behind there is some logic to check if the grouping is single level or not and extract the data from the subgroup if necessary.

Please use the sample attached as a starting point.

Best wishes,
Pavel Pavlov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.