New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Binding to Telerik ClientDataSource

In this demo the different products have been weighed by price.

  • DefaultCS.aspx
<%@ Page Title="" Language="C#"  %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</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 size-narrow">
        <telerik:RadTagCloud RenderMode="Lightweight" ID="tagCloud" runat="server" ClientDataSourceID="tagsDataSource" DataTextField="ProductName" DataWeightField="UnitPrice" RenderItemWeight="true">
        </telerik:RadTagCloud>
    </div>
    <telerik:RadClientDataSource ID="TagsDataSource" runat="server">
        <DataSource>
            <WebServiceDataSourceSettings BaseUrl="https://demos.telerik.com/kendo-ui/service/">
                <Select Url="Products" DataType="JSONP" />
            </WebServiceDataSourceSettings>
        </DataSource>
        <Schema>
            <Model>
                <telerik:ClientDataSourceModelField FieldName="ProductID" DataType="Number" />
            </Model>
        </Schema>
        <FilterExpression>
            <telerik:ClientDataSourceFilterEntry FieldName="ProductID" Operator="LessThan" Value="20" />
        </FilterExpression>
    </telerik:RadClientDataSource>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance