Visual effects while dragging

[JeffN]

We need some visual effects while dragging items from one grid to another. Specifically, we'd like the pointer to change to a plus sign when in a droppable area (but I've been told this isn't built in within a previous post), and we'd like to show a line before/after the grid items that we're dragging over to show where the record will be dropped to upon MouseUp. Is there any event to tap into that would allow this to happen? Or any other method to get this done?

I think what would be optimal is something like the OnClientDrag event that is part of the RadDock control. It doesn't look like the RadGrid has any similar events though.

[Sebastian]

Hi JeffN,

RadGrid for ASP.NET AJAX exposes three client-side events - OnRowDragStarted, OnRowDropping and OnRowDropped - which can be utilized to accomplish the task you set forth. Further information about these events and their usage can be gather from the relevant online demo of the product:

http://www.telerik.com/DEMOS/ASPNET/Prometheus/Grid/Examples/Programming/DragAndDrop/DefaultCS.aspx

as well as from the corresponding chapter from the online documentation:

http://www.telerik.com/help/aspnet-ajax/introduction.html (chapter RadGrid -> Client-Side API reference -> Classes -> Subscribing to client events)

Best regards,
Stephen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Otto Neff]

Hi,

i have the same problem... i tried to use the mentioned OnClient Events to highlight/change css of a target drop zone (div).
Unfortunally none of the events is fired while moving with the item to be dragged.

Can you provide a demo how to use the Grid as the OnClientDrag from the RadDock (highlight area while dragging).

Kind regards.

[Otto Neff]

Hi,

i just solved the problem with jQuery mouseenter and mouseleave. See my Blog Post with the solution:

http://ext-net.blogspot.com/2011/12/highlight-target-area-while-dragging.html