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

Hierarchical Grid

13 Answers 389 Views

GridView

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

Peter asked on 01 Nov 2011, 04:37 AM

In the hierarchical grid below, I have a self-referencial table that has the hieratchical data.

I cannot get the nested grid to display the same row colours as the outhermost nested grid. 

I am trying to use the RowLoaded event to colour the rows, but it does not fire for the innermost 

nested grids. 













void

RadGridView1_RowLoaded(object sender, RowLoadedEventArgs e)

{

GridViewRow viewRow = e.Row as GridViewRow;

DataRow row = e.DataElement as DataRow;

//Employees employee = e.DataElement as Employees;

if (row != null && row["ID"] != null)

{

long ID = (long)row["ID"];

viewRow.IsExpandable = this.HasSubordinates(ID);

if (row["Status"].ToString().Trim() == string.Empty)

{

viewRow.Background = Brushes.Turquoise;

}

else

{

viewRow.Background = Brushes.Red;

}

<telerik:RadGridView x:Name="RadGridView1" RowLoaded="RadGridView1_RowLoaded" DataLoading="RadGridView1_DataLoading" Grid.ColumnSpan="2" LoadingRowDetails="RadGridView1_LoadingRowDetails"

ColumnWidth="*" ItemsSource="{Binding TableData}"

GridLinesVisibility="Horizontal"

CanUserFreezeColumns="False" IsReadOnly="True" AutoGenerateColumns="False" >

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn DataMemberBinding="{Binding StepName}" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding StepType}" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding TotalTime}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding Status}" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding StartTime}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding StopTime}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ErrorCode}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ErrorMessage}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ErrorOccurred}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ReportText}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding Value}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ComparisonType}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding Limits}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding Units}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ID}"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding PID}"/>

</telerik:RadGridView.Columns>

<telerik:RadGridView.ChildTableDefinitions>

<telerik:GridViewTableDefinition>

<telerik:GridViewTableDefinition.Relation>

<telerik:TableRelation IsSelfReference="True">

<telerik:TableRelation.FieldNames>

<telerik:FieldDescriptorNamePair

ParentFieldDescriptorName="ID"

ChildFieldDescriptorName="PID"/>

</telerik:TableRelation.FieldNames>

</telerik:TableRelation>

</telerik:GridViewTableDefinition.Relation>

</telerik:GridViewTableDefinition>

</telerik:RadGridView.ChildTableDefinitions>

</telerik:RadGridView>

13 Answers, 1 is accepted

answered on 01 Nov 2011, 07:15 AM

Hello Peter,

Actually, I would recommend you to work with RowStyleSelector instead of setting Background property of each row. As the virtualization of the grid is turned on by default, the visual elements will be recycled and reused and most probably the background will be applied on different rows, once you start scrolling.
Please take a look at our online documentation and demos for a reference.
Considering how to reach the child grid, I would recommend you to take a look at this article for additional information.

Kind regards,
Maya
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 01 Nov 2011, 10:09 PM

gridandtreemap.JPG

I have added the RowStyleSelector as you suggested with no improvements. The topmost grid is painted correctly but the nested grids are not coloured. I need to hook to some event when the nested tables are displayed. Incidentally, you will see that the innermost table has no subordinates ( i.e it is not expandable ) but it still shows as expandable in the inner grid.
I am attaching a picture of the screen.

UserControl x:Class="WpfTreeandTreeMapCtrl.TreeandTreeMap"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:sys="clr-namespace:System;assembly=mscorlib"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

xmlns:telerikQuickStart="clr-namespace:Telerik.Windows.Controls.QuickStart;assembly=Telerik.Windows.Controls"

xmlns:example="clr-namespace:WpfTreeAndTreeMapCtrl"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="400">

<UserControl.Resources>

<SolidColorBrush x:Key="folderBackground" Color="#7A8774" />

<SolidColorBrush x:Key="folderBorder" Color="#FFFBE8" />

<Style TargetType="telerik:RadTreeMapItem">

<Setter Property="Foreground" Value="White" />

</Style>

</UserControl.Resources>

<UserControl.DataContext>

<example:ExampleViewModel />

</UserControl.DataContext>

<telerikQuickStart:QuickStart.ExampleHeader>

<TextBlock Text="Directory listing" Margin="8"/>

</telerikQuickStart:QuickStart.ExampleHeader>

<Grid x:Name="LayoutRoot">

<Grid.Resources>

<Style x:Key="PassedStatusStyle" TargetType="telerik:GridViewRow">

<Setter Property="Background" Value="#7F2FB3FD" />

</Style>

<Style x:Key="FailedStatusStyle" TargetType="telerik:GridViewRow">

<Setter Property="Background" Value="#7F2FB3FD" />

</Style>

<Style x:Key="SkippedStatusStyle" TargetType="telerik:GridViewRow">

<Setter Property="Background" Value="#7F2FB3FD" />

</Style>

<Style x:Key="BlankStatusStyle" TargetType="telerik:GridViewRow">

<Setter Property="Background" Value="#7F2FB3FD" />

</Style>

<example:StatusConverter x:Key="converter" />

<example:ConditionalStyleSelector x:Key="selector" ConditionConverter="{StaticResource converter}">

<example:ConditionalStyleSelector.Rules>

<example:ConditionalStyleRule Style="{StaticResource PassedStatusStyle}">

<example:ConditionalStyleRule.Value>

<sys:String>PASSED</sys:String>

</example:ConditionalStyleRule.Value>

</example:ConditionalStyleRule>

<example:ConditionalStyleRule Style="{StaticResource FailedStatusStyle}">

<example:ConditionalStyleRule.Value>

<sys:String>FAILED</sys:String>

</example:ConditionalStyleRule.Value>

</example:ConditionalStyleRule>

<example:ConditionalStyleRule Style="{StaticResource SkippedStatusStyle}">

<example:ConditionalStyleRule.Value>

<sys:String>SKIPPED</sys:String>

</example:ConditionalStyleRule.Value>

</example:ConditionalStyleRule>

<example:ConditionalStyleRule Style="{StaticResource BlankStatusStyle}">

<example:ConditionalStyleRule.Value>

<sys:String>BLANK</sys:String>

</example:ConditionalStyleRule.Value>

</example:ConditionalStyleRule>

</example:ConditionalStyleSelector.Rules>

</example:ConditionalStyleSelector>

</Grid.Resources>

<Grid Name="DisplayGrid" Background="Red" >

<Grid.ColumnDefinitions >

<ColumnDefinition Width="300*" />

<ColumnDefinition Width="Auto" />

<ColumnDefinition Width="18*" />

<ColumnDefinition Width="282*" />

</Grid.ColumnDefinitions>

<telerik:RadGridView x:Name="RadGridView1" RowLoaded="RadGridView1_RowLoaded" DataLoading="RadGridView1_DataLoading" Grid.ColumnSpan="2"

ColumnWidth="*" ItemsSource="{Binding TableData}"

GridLinesVisibility="Horizontal"

CanUserFreezeColumns="False" IsReadOnly="True" AutoGenerateColumns="False" RowStyleSelector="{StaticResource selector}" >