or
<
UserControl
x:Class
=
"MySampleClass"
xmlns:telerik
=
"http://schemas.telerik.com/2008/xaml/presentation"
mc:Ignorable
=
"d"
d:DesignHeight
=
"300"
d:DesignWidth
=
"300"
>
<
Grid
>
<
Grid.ColumnDefinitions
>
<
ColumnDefinition
Width
=
"Auto"
/>
</
Grid.ColumnDefinitions
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"Auto"
/>
</
Grid.RowDefinitions
>
<
telerik:RadGridView
Grid.Column
=
"0"
Grid.Row
=
"0"
x:Name
=
"MainGridView"
ItemsSource
=
"{Binding Path=MetricsData}"
AutoGenerateColumns
=
"False"
CanUserDeleteRows
=
"False"
CanUserInsertRows
=
"False"
ShowGroupPanel
=
"False"
RowIndicatorVisibility
=
"Visible"
SelectionMode
=
"Extended"
SelectionUnit
=
"Cell"
IsFilteringAllowed
=
"False"
SelectedCellsChanged
=
"MainGridView_SelectedCellsChanged"
>
<
telerik:RadGridView.Columns
>
<
telerik:GridViewDataColumn
Header
=
"ColA"
Name
=
"Mkt"
DataMemberBinding
=
"{Binding Path=Market, Mode=OneWay}"
IsResizable
=
"False"
IsSortable
=
"False"
IsReadOnly
=
"True"
/>
<
telerik:GridViewDataColumn
Header
=
"ColB"
Name
=
"SiD"
DataMemberBinding
=
"{Binding Path=Sub1, Mode=OneWay}"
IsResizable
=
"False"
IsSortable
=
"False"
IsReadOnly
=
"True"
/>
</
telerik:RadGridView.Columns
>
</
telerik:RadGridView
>
</
Grid
>
</
UserControl
>
<Style x:Key="GridViewGroupRowStyle1" TargetType="{x:Type telerik:GridViewGroupRow}"> |
<Setter Property="Template"> |
<Setter.Value> |
<ControlTemplate TargetType="{x:Type telerik:GridViewGroupRow}"> |
<Grid x:Name="PART_GroupExpanderGrid" Background="{TemplateBinding Background}"> |
<Grid.ColumnDefinitions> |
<ColumnDefinition Width="Auto"/> |
<ColumnDefinition Width="Auto"/> |
<ColumnDefinition Width="*"/> |
</Grid.ColumnDefinitions> |
<Grid.RowDefinitions> |
<RowDefinition x:Name="PART_HeaderRow" MinHeight="25"/> |
<RowDefinition x:Name="ContentRow"/> |
</Grid.RowDefinitions> |
<Border x:Name="ToggleButtonBorder" Grid.Column="2" Grid.ColumnSpan="2" Background="{TemplateBinding Background}" BorderBrush="#FF848484" BorderThickness="0,0,0,1"> |
<Border x:Name="ToggleButtonInnerBorder" BorderBrush="White" BorderThickness="1"> |
<Grid> |
<Grid.ColumnDefinitions> |
<ColumnDefinition Width="25"/> |
<ColumnDefinition Width="Auto"/> |
<ColumnDefinition Width="*"/> |
</Grid.ColumnDefinitions> |
<Border HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Grid.Column="2"> |
<telerik:AggregateResultsList HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" IsTabStop="False"> |
<telerik:AggregateResultsList.ItemTemplate> |
<DataTemplate> |
<telerik:GridViewAggregateResultCell IsTabStop="False" AggregateResult="{Binding}"> |
<telerik:StyleManager.Theme> |
<telerik:Office_BlackTheme/> |
</telerik:StyleManager.Theme> |
</telerik:GridViewAggregateResultCell> |
</DataTemplate> |
</telerik:AggregateResultsList.ItemTemplate> |
<telerik:AggregateResultsList.ItemsPanel> |
<ItemsPanelTemplate> |
<StackPanel IsItemsHost="True" Orientation="Horizontal"/> |
</ItemsPanelTemplate> |
</telerik:AggregateResultsList.ItemsPanel> |
</telerik:AggregateResultsList> |
</Border> |
<Border x:Name="IconOuterBorder" HorizontalAlignment="Stretch" Margin="-1,-1,0,-2" Background="{TemplateBinding Background}" BorderBrush="#FF848484" BorderThickness="0,0,0,1" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"> |
<Border x:Name="IconInnerBorder" BorderBrush="White" BorderThickness="1,1,0,1"> |
<Path x:Name="ExpanderButton" Fill="Black" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Width="7" Height="5" RenderTransformOrigin="0.5,0.5" Grid.Column="0" Data="M0,0L1,0 2,0 2,0.99999991 3,0.99999991 3,2 4,2 4,0.99999991 5,0.99999991 5,0 5.9999999,0 7,0 7,0.99999991 5.9999999,0.99999991 5.9999999,2 5,2 5,3 4,3 4,4 3,4 3,3 2,3 2,2 1,2 1,0.99999991 0,0.99999991z"> |
<Path.RenderTransform> |
<RotateTransform/> |
</Path.RenderTransform> |
</Path> |
</Border> |
</Border> |
<ToggleButton x:Name="HeaderButton" Background="{TemplateBinding Background}" Opacity="0" Grid.Column="0" Grid.ColumnSpan="3" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"/> |
<ToggleButton Background="{TemplateBinding Background}" BorderBrush="{x:Null}" BorderThickness="0" Padding="0,0,10,0" Grid.Column="1" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"> |
<ToggleButton.Style> |
<Style TargetType="{x:Type ToggleButton}"> |
<Setter Property="Template"> |
<Setter.Value> |
<ControlTemplate TargetType="{x:Type ToggleButton}"> |
<Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> |
<ContentPresenter Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}"/> |
</Border> |
</ControlTemplate> |
</Setter.Value> |
</Setter> |
<Setter Property="HorizontalContentAlignment" Value="Left"/> |
<Setter Property="VerticalContentAlignment" Value="Center"/> |
<Setter Property="Padding" Value="9,0,0,0"/> |
</Style> |
</ToggleButton.Style> |
<ContentPresenter Margin="0,0,10,0" VerticalAlignment="Center" Grid.Column="1" Content="{TemplateBinding GroupViewModel}" ContentTemplate="{TemplateBinding GroupHeaderTemplate}"/> |
</ToggleButton> |
</Grid> |
</Border> |
</Border> |
<Border x:Name="PART_IndicatorPresenter" VerticalAlignment="Stretch" Width="25" Visibility="{TemplateBinding RowIndicatorVisibility}" Grid.Column="0" BorderBrush="#FF848484" BorderThickness="0,0,1,1" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"> |
<Border Background="#FFE4E4E4" BorderBrush="White" BorderThickness="1"/> |
</Border> |
<telerik:IndentPresenter Background="{TemplateBinding Background}" IsTabStop="False" Grid.Column="1" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" IndentLevel="{TemplateBinding Level}"> |
<telerik:StyleManager.Theme> |
<telerik:Office_BlackTheme/> |
</telerik:StyleManager.Theme> |
</telerik:IndentPresenter> |
<Border x:Name="Content" Visibility="Collapsed" Grid.Column="0" Grid.ColumnSpan="5" Grid.Row="1"> |
<StackPanel> |
<telerik:GridViewVirtualizingPanel x:Name="PART_GridViewVirtualizingPanel"/> |
<telerik:GridViewGroupFooterRow x:Name="Footer" IsTabStop="False"> |
<telerik:StyleManager.Theme> |
<telerik:Office_BlackTheme/> |
</telerik:StyleManager.Theme> |
</telerik:GridViewGroupFooterRow> |
</StackPanel> |
</Border> |
<Border x:Name="BottomBorder" VerticalAlignment="Bottom" Visibility="Collapsed" Grid.Column="2" Grid.Row="1" BorderBrush="#FF848484" BorderThickness="0,0,0,1"/> |
</Grid> |
<ControlTemplate.Triggers> |
<Trigger Property="IsExpanded" Value="True"> |
<Trigger.EnterActions> |
<BeginStoryboard> |
<Storyboard> |
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ExpanderButton" Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)"> |
<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="180"/> |
</DoubleAnimationUsingKeyFrames> |
</Storyboard> |
</BeginStoryboard> |
</Trigger.EnterActions> |
<Trigger.ExitActions> |
<BeginStoryboard> |
<Storyboard> |
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ExpanderButton" Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)"> |
<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/> |
</DoubleAnimationUsingKeyFrames> |
</Storyboard> |
</BeginStoryboard> |
</Trigger.ExitActions> |
<Setter Property="Visibility" TargetName="BottomBorder" Value="Visible"/> |
<Setter Property="Visibility" TargetName="Content" Value="Visible"/> |
<Setter Property="BorderThickness" TargetName="IconOuterBorder" Value="0"/> |
<Setter Property="BorderThickness" TargetName="IconInnerBorder" Value="1,1,0,0"/> |
</Trigger> |
</ControlTemplate.Triggers> |
</ControlTemplate> |
</Setter.Value> |
</Setter> |
<Setter Property="GroupHeaderTemplate"> |
<Setter.Value> |
<DataTemplate> |
<ContentPresenter Content="{Binding Header}"/> |
</DataTemplate> |
</Setter.Value> |
</Setter> |
<Setter Property="Background" Value="#FFE4E4E4"/> |
<Setter Property="BorderBrush" Value="#FFCBCBCB"/> |
<Setter Property="BorderThickness" Value="0"/> |
<Setter Property="VerticalContentAlignment" Value="Center"/> |
<Setter Property="HorizontalContentAlignment" Value="Left"/> |
<Setter Property="Padding" Value="10,0,0,0"/> |
<Setter Property="SnapsToDevicePixels" Value="True"/> |
</Style> |