<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>infinite client-binding</title>
    <style type="text/css">
        html, body, form
        {
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #MyContainer1
        {
            height: 100%;
            background: gray;
            margin: 0;
            overflow-y: auto;
        }
        .rlvI
        {
            width: 150px;
            height: 150px;
            float: left;
            margin: 10px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager runat="server" ID="ScriptManager1">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            <asp:ScriptReference Path="~/jquery.tmpl.js" />
        </Scripts>
    </asp:ScriptManager>
  
    <telerik:RadListView runat="server" ID="RadListView1">
        <LayoutTemplate>
            <div id="MyContainer1">
                <asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
            </div>
        </LayoutTemplate>
    </telerik:RadListView>

    <telerik:RadListViewClientBindingExtender runat="server" ID="RadListViewClientBindingExtender1"
        TargetControlID="RadListView1">
        <ClientItemTemplate><div class="rlvI"><img src="{%= Bar %}" style="width:150px; height:150px;"></img></div>
        </ClientItemTemplate>
        <DataBindingSettings ClientItemContainerID="MyContainer1" LocationUrl="Default.aspx"
            MethodName="GetData" EnableAutoLoad="true" />
    </telerik:RadListViewClientBindingExtender>
    </form>
</body>
</html>
