Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Collapse]API Reference
  [Expand]DevExpress.Data.Linq
  [Expand]DevExpress.Web
  [Expand]DevExpress.Web.ASPxGauges
  [Expand]DevExpress.Web.ASPxGauges.Base
  [Expand]DevExpress.Web.ASPxGauges.Scripts
  [Expand]DevExpress.Web.ASPxHtmlEditor
  [Expand]DevExpress.Web.ASPxHtmlEditor.Localization
  [Expand]DevExpress.Web.ASPxHtmlEditor.Scripts
  [Expand]DevExpress.Web.ASPxPivotGrid
  [Expand]DevExpress.Web.ASPxPivotGrid.Data
  [Expand]DevExpress.Web.ASPxPivotGrid.HtmlControls
  [Expand]DevExpress.Web.ASPxPivotGrid.Scripts
  [Expand]DevExpress.Web.ASPxRichEdit
  [Expand]DevExpress.Web.ASPxRichEdit.Localization
  [Expand]DevExpress.Web.ASPxRichEdit.Scripts
  [Expand]DevExpress.Web.ASPxScheduler
  [Expand]DevExpress.Web.ASPxScheduler.Commands.Dialogs
  [Expand]DevExpress.Web.ASPxScheduler.Controls
  [Expand]DevExpress.Web.ASPxScheduler.Dialogs
  [Expand]DevExpress.Web.ASPxScheduler.Drawing
  [Expand]DevExpress.Web.ASPxScheduler.Localization
  [Expand]DevExpress.Web.ASPxScheduler.Reporting
  [Expand]DevExpress.Web.ASPxScheduler.Scripts
  [Expand]DevExpress.Web.ASPxSpellChecker
  [Expand]DevExpress.Web.ASPxSpellChecker.Localization
  [Expand]DevExpress.Web.ASPxSpellChecker.Scripts
  [Expand]DevExpress.Web.ASPxSpreadsheet
  [Expand]DevExpress.Web.ASPxSpreadsheet.Localization
  [Expand]DevExpress.Web.ASPxSpreadsheet.Scripts
  [Expand]DevExpress.Web.ASPxTreeList
  [Expand]DevExpress.Web.ASPxTreeList.Internal
  [Expand]DevExpress.Web.ASPxTreeList.Localization
  [Collapse]DevExpress.Web.ASPxTreeList.Scripts
   [Collapse]ASPxClientTreeList Class
     ASPxClientTreeList Members
     ASPxClientTreeList Constructor
    [Collapse]ASPxClientTreeList Events
      BeginCallback Event
      CallbackError Event
      ColumnResized Event
      ColumnResizing Event
      ContextMenu Event
      CustomButtonClick Event
      CustomDataCallback Event
      CustomizationWindowCloseUp Event
      EndCallback Event
      EndDragNode Event
      FocusedNodeChanged Event
      NodeClick Event
      NodeCollapsing Event
      NodeDblClick Event
      NodeExpanding Event
      NodeFocusing Event
      SelectionChanged Event
      StartDragNode Event
      ToolbarItemClick Event
    [Expand]ASPxClientTreeList Methods
   [Expand]ASPxClientTreeListColumn Class
   [Expand]ASPxClientTreeListColumnResizedEventArgs Class
    ASPxClientTreeListColumnResizedEventHandler Delegate
   [Expand]ASPxClientTreeListColumnResizingEventArgs Class
    ASPxClientTreeListColumnResizingEventHandler Delegate
   [Expand]ASPxClientTreeListContextMenuEventArgs Class
    ASPxClientTreeListContextMenuEventHandler Delegate
   [Expand]ASPxClientTreeListCustomButtonEventArgs Class
    ASPxClientTreeListCustomButtonEventHandler Delegate
   [Expand]ASPxClientTreeListCustomDataCallbackEventArgs Class
    ASPxClientTreeListCustomDataCallbackEventHandler Delegate
   [Expand]ASPxClientTreeListEndDragNodeEventArgs Class
    ASPxClientTreeListEndDragNodeEventHandler Delegate
   [Expand]ASPxClientTreeListExportFormat Class
   [Expand]ASPxClientTreeListNodeEventArgs Class
    ASPxClientTreeListNodeEventHandler Delegate
   [Expand]ASPxClientTreeListStartDragNodeEventArgs Class
    ASPxClientTreeListStartDragNodeEventHandler Delegate
   [Expand]ASPxClientTreeListToolbarItemClickEventArgs Class
    ASPxClientTreeListToolbarItemClickEventHandler Delegate
    ASPxClientTreeListValuesCallback Delegate
  [Expand]DevExpress.Web.Captcha
  [Expand]DevExpress.Web.Data
  [Expand]DevExpress.Web.Internal
  [Expand]DevExpress.Web.Localization
  [Expand]DevExpress.Web.Mvc
  [Expand]DevExpress.Web.Mvc.BinderSettings
  [Expand]DevExpress.Web.Mvc.Controllers
  [Expand]DevExpress.Web.MVC.Scripts
  [Expand]DevExpress.Web.Mvc.UI
  [Expand]DevExpress.Web.Office
  [Expand]DevExpress.Web.Office.Internal
  [Expand]DevExpress.Web.Rendering
  [Expand]DevExpress.Web.Scripts
  [Expand]DevExpress.XtraCharts.Web
  [Expand]DevExpress.XtraCharts.Web.Designer
  [Expand]DevExpress.XtraCharts.Web.Scripts
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

ASPxClientTreeList.EndDragNode Event

Occurs after a node drag and drop operation is completed.

Namespace:DevExpress.Web.ASPxTreeList.Scripts
Assembly:JavaScript

Expanded Syntax

Expanded Event Data

The event handler receives an argument of type ASPxClientTreeListEndDragNodeEventArgs containing data related to this event.

The following ASPxClientTreeListEndDragNodeEventArgs properties provide information specific to this event.
Property Description
cancel Gets or sets a value indicating whether the action which raised the event should be canceled.
htmlEvent Provides access to the parameters associated with the NodeClick and NodeDblClick events.
nodeKey Gets the processed node's key value.
targetElement Gets the target element.

Expanded Remarks

The EndDragNode event is raised after an end-user has dropped a node on a target. The target element is specified by the ASPxClientTreeListEndDragNodeEventArgs.targetElement property. The dragged node is identified by its key value returned by the ASPxClientTreeListNodeEventArgs.nodeKey property.

To cancel the operation, set the ASPxClientTreeListNodeEventArgs.cancel property to true.

End-users are allowed to move nodes if the TreeListSettingsEditing.AllowNodeDragDrop option is enabled.

To learn more, see Drag and Drop.

Expanded Example

This example demonstrates how to implement node dragging outside the ASPxTreeList. The StartDragNode client event is handled to add the cart image to the list of target elements, so that an end-user can drag nodes to the cart. If a node has been dropped to the cart, the cart image changes (in the EndDragNode client event handler) and the node is painted red (using the server ASPxTreeList.HtmlRowPrepared event).

The image below shows the result:

Expanded See Also

How would you rate this topic?​​​​​​​