TagCloud - Binding to Telerik ClientDataSource

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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="http://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

Help Us Improve

Was this example helpful?