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
   [Expand]ASPxClientTreeList Class
   [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
   [Collapse]ASPxClientTreeListStartDragNodeEventArgs Class
     ASPxClientTreeListStartDragNodeEventArgs Members
     ASPxClientTreeListStartDragNodeEventArgs Constructor
    [Collapse]ASPxClientTreeListStartDragNodeEventArgs Properties
      targets Property
    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

ASPxClientTreeListStartDragNodeEventArgs.targets Property

Gets an array of targets where a node can be dragged.

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

Expanded Syntax

Property value

Type: Object[]
An array of objects that represent targets for the dragged node.

Expanded Remarks

Initially, the targets array is not empty - it contains HTML elements that correspond to the ASPxTreeList's nodes where the processed node can be dragged. You can add new elements to the array. In this instance, the arrow is displayed near a manually added target element when the dragged node hovers over it, and the drag-and-drop operation can be completed over the element.

Note that if you clear the targets array by removing all its elements (using specific array methods, such as pop), no target for a node drag-and-drop operation is visually indicated and the operation cannot be completed.

To learn more, see Drag and Drop.

Expanded Example

This example demonstrates how to implement node dragging outside the ASPxTreeList. The ASPxClientTreeList.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 ASPxClientTreeList.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?​​​​​​​