OrgChart - Server Side Events

To view all child nodes and group items click on the expand/collapse icon or just drag and drop to reorder.

  • Management
    • Mario Pontes
    • Marketing
      • Yoshi Latimer
      • Robert King
      • Creative Department
        • Johan Stromberg
    • Sales
      • Fransis Wilson

Event log

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

RadOrgChart supports a number of server-side events that let you respond to complex actions at the server:

  • NodeDrop occurs when a Node is dragged and dropped on non-child Node
  • GroupItemDrop occurs when a GroupItem is dragged and drooped on Node different than the Node which contains the item
  • NodeDataBound occurs after OrgChartNode is created from a data source. It is added to OrgChartNodeCollection and all of its OrgChartGroupItems are bound and inserted in its GroupItems collection
  • OnGroupItemDataBound occurs when OrgChartGroupItem is created from a data source and added to its parent-node's GroupItems Collection
  • OnNodeExpandCollapse occurs when a Node expand or collapse icon is clicked
  • OnGroupExpandCollapse occurs when a Group expand or collapse icon is clicked
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="OrgChart.Examples.Programming.ServerEvents.DefaultCS" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>

<!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" />
    <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel">
        <qsf:MessageBox ID="InformationBox1" Icon="Info" Type="Info" runat="server">
            <p>
                To view all child nodes and group items click on the expand/collapse icon or just drag and drop to reorder. 
            </p>
        </qsf:MessageBox>
        <div class="demo-container no-bg">
            <telerik:RadOrgChart RenderMode="Lightweight" ID="RadOrgChart1" runat="server"
                EnableDrillDown="true" EnableDragAndDrop="true" EnableGroupCollapsing="true" EnableCollapsing="true" />
        </div>
        <asp:HiddenField runat="server" ID="SessionID" />
        <qsf:EventLogConsole runat="server" ID="EventLogConsole1" AllowClear="true" ></qsf:EventLogConsole>
    </telerik:RadAjaxPanel>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?