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

ObjectDataProvider to databind in RadCarousel ItemSource doesn't work

1 Answer 73 Views
This is a migrated thread and some comments may be shown as answers.
Maria Im
Top achievements
Rank 1
Maria Im asked on 29 Oct 2009, 01:28 AM

I am trying to databing a datatable result in XAML (declarative databinding). I tried it programmatically and it does work by setting the Itemsource of my radcarousel to the datatable in code. Can you please tell me where i am going wrong with my ObjectDataProvider.

XAML code:

<Window x:Class="TelerikCarousel.Window1" 
    Title="Window1" Height="800" Width="800" Background="DarkBlue">  
        <ObjectDataProvider x:Key="objectDataProvider" ObjectType="{x:Type local:Window1}" MethodName="InserRow" /> 
            <RowDefinition Height="280*" /> 
            <RowDefinition Height="482*" /> 
               <!-- removed the carousel stylings so it could be shorter but it does work --> 
  <telerik:RadCarousel Margin="19,51,22,293" Name="radCarousel1" ItemsSource="{Binding Source={StaticResource objectDataProvider}}" Grid.RowSpan="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" > 

c# Code:
using System;  
using System.Windows;  
using System.Windows.Media;  
using System.Windows.Shapes;  
using System.Data.SqlClient;  
using System.Data;  
using Telerik.Windows.Controls;  
namespace TelerikCarousel  
    /// <summary>  
    /// Interaction logic for Window1.xaml  
    /// </summary>  
    public partial class Window1 : Window  
        public Window1()  
            //object itemsSource = radCarousel1.ItemsSource;  
            this.radCarousel1.Loaded += new RoutedEventHandler(radCarousel1_Loaded);  
        void radCarousel1_Loaded(object sender, RoutedEventArgs e)  
            Path path = CreateLinePath();  
            RadCarouselPanel panel = this.radCarousel1.FindCarouselPanel();  
            panel.ItemsPerPage = 5;  
            panel.Path = path;  
            this.radCarousel1.ReflectionSettings.Visibility = Visibility.Visible;  
            this.radCarousel1.ReflectionSettings.Opacity = 0.5;  
        private Path CreateLinePath()  
            Path newPath = new Path();  
            PathFigureCollectionConverter figureConverter = new PathFigureCollectionConverter();  
            object geometryFigures = figureConverter.ConvertFromString("M30,347 L307.5,347");  
            PathGeometry newGeometry = new PathGeometry();  
            newPath.Stretch = Stretch.Fill;  
            BrushConverter brushConverter = new BrushConverter();  
            newPath.Stroke = (Brush)brushConverter.ConvertFromString("#FF0998f8");  
            newPath.StrokeThickness = 2;  
            newGeometry.Figures = (PathFigureCollection)geometryFigures;  
            newPath.Data = (Geometry)newGeometry;  
            return newPath;  
        //public DataSet dataset = new DataSet("MedSpaImage");  
        public DataTable dt = new DataTable("Medxx");  
        public DataTable InserRow()  
            string myConnectionstring = "";  
            if (myConnectionstring == "")  
                myConnectionstring = "Initial Catalog=MedSpa;Data Source=4DBQR61\\IMSERVER;Integrated Security=True";  
                SqlConnection myConnection = new SqlConnection(myConnectionstring);  
                string myInsertQuery = "SELECT * FROM Testing";  
                SqlCommand myCommand = new SqlCommand(myInsertQuery);  
                myCommand.Connection = myConnection;  
                SqlDataAdapter adapter = new SqlDataAdapter();  
                adapter.SelectCommand = new SqlCommand(myInsertQuery, myConnection);  
            catch (Exception ex)  
            return dt;  

I am just playing with a datable. My ultimate goal would be to be able to databind in XAML the carousel with a property of type ObservableCollection<>. Is that even possible? Thanks

1 Answer, 1 is accepted

Sort by
Telerik team
answered on 03 Nov 2009, 05:28 PM
Hi Maria Im,

I am sending you a sample application that demonstrates how you can bind using ObjectDataProvider. Basically you just need to change the binding of the RadCarousel element from this:

<telerik:RadCarousel Margin="19,51,22,293" Name="radCarousel1" ItemsSource="{Binding Source={StaticResource objectDataProvider}}" Grid.RowSpan="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"

Into this:

<telerik:RadCarousel Margin="19,51,22,293" Name="radCarousel1" DataContext="{StaticResource objectDataProvider}" ItemsSource="{Binding}" Grid.RowSpan="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"

Hope this helps.

Kind regards,
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Asked by
Maria Im
Top achievements
Rank 1
Answers by
Telerik team
Share this question