Binding carousel items to column of gridview

[Nathan]

What is the best way to bind the items of a carousel to a column (images that are of type byte[]) of a gridView which is itself bound to a database table.  I ultimately want to populate the carousel with only the images from the selected rows in the gridView.  Any pointers would be appreciated.

Thanks,
Nate

[Maya]

Hi Nathan,

A good approach is to set the ItemsSource of the RadCarousel to the SelectedItems Property of the grid.

private void Button1_Click(object sender, RoutedEventArgs e)
{
    RadCarouselControl carousel = new RadCarouselControl();
    carousel.Carousel.ItemsSource = this.playersGrid.SelectedItems;
    window.Content = carousel;
    window.Show();
}

Following up the code above, the RadCarousel will appear on clicking on Button1.
If you want to show only one of the properties in the Items of the carousel (in your case just the picture), you can set the ItemTemplate of RadCarosel and bind the item to the desired property. For example:

<telerik:RadCarousel x:Name="Carousel" Background="Black" Height="300">
    <telerik:RadCarousel.ItemTemplate>
        <DataTemplate>
            <TextBox Text="{Binding Name}"/>
        </DataTemplate>
    </telerik:RadCarousel.ItemTemplate>
</telerik:RadCarousel>

In this case the items in the carousel will be the names of the players.
I am sending you a sample project with the illustrated solution so that you can use it as a reference.


Kind regards,
Maya
the Telerik team