OrgChart - Drag-and-drop Group-Enabled Binding

  • Management
    • Mario Pontes
    • Marketing
      • Yoshi Latimer
      • Creative Department
        • Johan Stromberg
    • Sales
      • Fransis Wilson
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadOrgChart supports drag-and-drop of Nodes and GroupItems. The functionality could be enabled by setting EnableDragAndDrop property to true. In this example the RadOrgChart is in GroupEnabledBinding (groups are available), so it is possible to drag-and-drop Nodes and GroupItems.

Keep in mind:
  • To change the OrgChart hierarchy after drag-and-drop you need to handle NodeDrop and GroupItemDrop events and reorder the control's data source. There is no automatic update on the underlying data source.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="OrgChart.Examples.DragAndDropGroupEnabledBinding.DefaultCS" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "">
<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" />
    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Skin="Simple" />
    <div class="demo-container no-bg">
        <div class="demo-container-inner">
            <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel" LoadingPanelID="RadAjaxLoadingPanel1">
                <asp:HiddenField runat="server" ID="SessionID" />
                <telerik:RadOrgChart RenderMode="Lightweight" ID="RadOrgChart1" runat="server" Skin="Default" EnableDragAndDrop="true" />

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?