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

Programmatic DataBinding


To bind RadTreeMap programmatically, take the following steps in in the code-behind:

  • Set the DataSource property. This property points a data source such as a DataSet, DataTable, DataReader, ArrayList, etc.
  • Call the DataBind method on page load.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="TreeMap.Functionality.Programatic.DefaultCS"Language="c#"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns=''>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container no-bg">
        <telerik:RadTreeMap RenderMode="Lightweight" runat="server" ID="TreeMap1" DataFieldID="ID" DataFieldParentID="ParentID" DataTextField="Text" DataValueField="Value">

Support & Learning Resources

Find Assistance