Infragistics logo
메뉴
.NET and JavaScript UI Controls
Version

Binding Data to Carousel Using the Designer

Topic Overview

Purpose

This topic will demonstrate with steps, how to set up a data source at design-time, and bind it to the UltraCarousel control.

In this topic

This topic contains the following sections:

Overview

Introduction

In this topic, you will learn how to configure the data source at design-time, which will be set for bind data to the UltraCarousel control using the control’s DataSource property.

Application Requirements

  1. Install the Infragistics WinForms 2014 Volume 2 or later version of the product.

  2. Start with new Windows Forms application using Visual Studio 2010 or later version.

Configure the data source

  1. Drag and drop the UltraCarousel control from the Visual Studio toolbox area onto the form, or if you decide to create the control in code, then you need to add the following assembly references:

    • Infragistics.Shared

    • Infragistics.Win.UltraWinCarousel

    • Infragistics.Win

  2. Drag and drop the Infragistics UltraDataSource component from the toolbox area on to the form.

  3. Use the smart tag of the UltraDataSource component and select “ UltraDataSourceDesigner ” option, which opens the designer dialog.

Binding Data to Carousel Using the Designer 1.png

  1. Add a column in the DataColumns section by clicking the left-most icon in that section.

Binding Data to Carousel Using the Designer 2.png

  1. Select Data Entry and add several rows (for items) in the column. Then Click OK to close the designer dialog.

Binding Data to Carousel Using the Designer 3.png

  1. On UltraCarousel control, use the smart tag to drop down the control’s task list and set the “Data Source” property to the UltraDataSource object.

Binding Data to Carousel Using the Designer 4.png

At this point the control will display the data collection, as the carousel items at design-time.

Run the application to verify the result.

Binding Data to Carousel Using the Designer 5.png

Related Content

Topics

The following topics provide additional information related to this topic.

Topic Purpose

This topic demonstrates binding data to the UltraCarousel in code-behind.

This topic demonstrates how to add UltraCarousel items using the Code-Behind.

This topic demonstrates how to add and configure the UltraCarousel items using the control’s design-time interface.

This topic demonstrates how to Save/Load the UltraCarousel layout including carousel items, unless the control is bound to data. In that case the control has to be re-bound after loading the saved layout.