Telerik drag and drop over event subscribes to wrong jQuery event.

[Florian]

In jQuery the over event gets repeatedly fired when the cursor is over the drop location.

I'm trying to build my on Control based on the Telerik base classes and JavaScript to get the same look and feel but i noticed this, in the grid this is no problem, because the drop location is always somewhere else.

But unfortunately this doesn't work for my scenario i'need a droppable on the same tbody, where i started dragging. Right now i have a jQuery solution, but i really would like to use the telerik version.

This is the line:

telerik.draganddrop.js
63:       $(this.owner).delegate(this.selector, 'mouseenter', $.proxy(this._over, this))

which in my opinion should be:

63:       $(this.owner).delegate(this.selector, 'mousemove', $.proxy(this._over, this)) 

Maybe there is a reason for this, then please let me know.

regards,
Flow

[Dimo]

Hello Flow,

The current implementation is by design - the idea is to know when the user has dragged the draggable object over the droppable area.

In your scenario you can assume that you are already over the droppable zone, so you don't need to use mouseenter at all. However, you can use mouseleave to see whether the user has dragged the object outside the droppable area and alert him, for example.

Another way to go in this case is to instantiate each table row as a separate droppable area and then you will be able to use mouseenter. This is likely to be better performance-wise, as fewer event handlers will be executed.

Kind regards,
Dimo
the Telerik team

[Florian]

Hello Dimo,
i'm doing exactly what you are describing right now. My problem is, i want to display a drop indicator based on the actual position of the cursor. e.g. when in the top half of a td i want to mark the top as drop location and if in the lower half at the bottom.

In the Grid there is almost the same functionality for grouping when there is more then one group. But this is handled in the drag function of the draggable, but i would like to have drop specific behavior in the droppable instead of the draggble otherwise i need to know all possible drop locations from the draggable.

I solved it for now by applying an additional style to all drop locations and using the mousemove event additionally to the over event, by applying another style when the drop location style is applied, but this is a bit messy and could be simplified.

I don't know the implications on the other telerik controls as well as you are, so i guess for now i have to stick with this.

Thanks,
Flow

PS: Any chance we see the open source release of 2011.3.1306 any time soon(TM) ?

[Dimo]

Hi Flow,

Open source developers are entitled only to major releases of the Telerik MVC Extensions. The 2011.3.1306 release is a service pack. The next major release is scheduled for mid February.

Kind regards,
Dimo
the Telerik team