<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Rotator.DataBinding.ClientSideBinding.ClientDataSourceBinding.DefaultCS" %>
<!DOCTYPE html>
<
head
runat
=
"server"
>
<
title
>Telerik ASP.NET Example</
title
>
<
link
href
=
"styles.css"
rel
=
"stylesheet"
/>
<
script
src
=
"scripts.js"
type
=
"text/javascript"
></
script
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
runat
=
"server"
ID
=
"RadScriptManager1"
/>
<
telerik:RadSkinManager
ID
=
"RadSkinManager1"
runat
=
"server"
ShowChooser
=
"true"
/>
<
div
class
=
"demo-container"
>
<
telerik:RadClientDataSource
runat
=
"server"
ID
=
"RadClientDataSource1"
>
<
DataSource
>
<
Select
Url
=
"Products"
DataType
=
"JSONP"
/>
</
WebServiceDataSourceSettings
>
</
DataSource
>
</
telerik:RadClientDataSource
>
<
telerik:RadRotator
RenderMode
=
"Lightweight"
runat
=
"server"
ID
=
"RadRotator1"
ClientDataSourceID
=
"RadClientDataSource1"
RotatorType
=
"Buttons"
Width
=
"856"
ItemWidth
=
"200"
Height
=
"200"
ItemHeight
=
"200"
OnClientDataBound
=
"rotator_clientDataBound"
>
<
ClientTemplate
>
<
div
class
=
"itemWrapper"
>
<
span
class
=
"productName"
>#= ProductName #</
span
>
<
span
class
=
"productPrice"
>Price: #= kendo.toString(UnitPrice, "c") #</
span
>
<
img
width
=
"200"
height
=
"200"
src
=
"../../../../../Img/Northwind/Products/#= ProductID #.jpg"
alt
=
"Alternate Text"
/>
</
div
>
</
ClientTemplate
>
</
telerik:RadRotator
>
</
div
>
</
form
>
</
body
>
</
html
>