<UserControl x:Class="RadGridView_SL4_AR_14.MainPage"
             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:telerik="http://schemas.telerik.com/2008/xaml/presentation"
             xmlns:my="clr-namespace:RadGridView_SL4_AR_14"
             mc:Ignorable="d" d:DesignHeight="700" d:DesignWidth="700">
    <UserControl.Resources>
        <my:MyViewModel x:Key="MyViewModel"/>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" 
          Background="White" 
          DataContext="{StaticResource MyViewModel}">
       
        <telerik:RadGridView Name="clubsGrid" 
                             ItemsSource="{Binding Clubs}"
                             AutoGenerateColumns="False"
                             Margin="5">
			<telerik:RadGridView.ChildTableDefinitions>
				<telerik:GridViewTableDefinition />
			</telerik:RadGridView.ChildTableDefinitions>
			<telerik:RadGridView.HierarchyChildTemplate>
			 <DataTemplate>
					<telerik:RadGridView Name="playersGrid" 
                                     ItemsSource="{Binding Players}" 
                                     AutoGenerateColumns="False">
						<telerik:RadGridView.Columns>
							<telerik:GridViewDataColumn DataMemberBinding="{Binding Name}"/>
							<telerik:GridViewDataColumn DataMemberBinding="{Binding Number}"/>
							<telerik:GridViewDataColumn DataMemberBinding="{Binding Position}"/>
							<telerik:GridViewDataColumn DataMemberBinding="{Binding Country}"/>
							<telerik:GridViewColumn Header="HyperlinkButton">
								<telerik:GridViewColumn.CellTemplate>
									<DataTemplate>
										<HyperlinkButton Content="PressMe" Click="HyperlinkButton_Click" />
									</DataTemplate>
								</telerik:GridViewColumn.CellTemplate>
							</telerik:GridViewColumn>
						</telerik:RadGridView.Columns>
					</telerik:RadGridView>
				</DataTemplate>
			</telerik:RadGridView.HierarchyChildTemplate>
            <telerik:RadGridView.Columns>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding Name}"/>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding Established}"
                                            Header="Est." 
                                            DataFormatString="{}{0:yyyy}"/>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding StadiumCapacity}" 
                                            Header="Stadium" 
                                            DataFormatString="{}{0:N0}"/>
				<telerik:GridViewColumn Header="HyperlinkButton">
					<telerik:GridViewColumn.CellTemplate>
						<DataTemplate>
							<HyperlinkButton Content="PressMe" Click="HyperlinkButton_Click" />
						</DataTemplate>
					</telerik:GridViewColumn.CellTemplate>
				</telerik:GridViewColumn>
            </telerik:RadGridView.Columns>
        </telerik:RadGridView>
      
    </Grid>
</UserControl>
