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

Load On Demand

RadOrgChart can be configured to load its content on demand. This functionality
is enabled by the LoadOnDemand property to which one of the following values can be assinged:

  • Nodes
  • Groups
  • NodesAndGroups

The above demo shows an example of loading groups by demand. Clicking the '+' button right below the root node will load the group of nodes associated with it.

Keep in mind:
  • When LoadOnDemand is enabled EnableCollapsing/EnableGroupCollapsing functionality is automatically enabled.
  • DefaultVB.aspx
  • DefaultVB.aspx.vb
  • styles.css
<%@ Page Language="vb" CodeFile="DefaultVB.aspx.vb" AutoEventWireup="true" Inherits="OrgChart.Examples.LoadOnDemand.DefaultVB" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</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 no-bg">
        <telerik:RadOrgChart RenderMode="Lightweight" ID="RadOrgChart1" runat="server" Skin="Vista" LoadOnDemand="NodesAndGroups" />
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance