About drag-and-drop operations

For situations where drag-and-drop capability is desired, you can set up two or more components to perform these operations. For example, you might want to allow users to delete records by dragging a row from a grid collection to a trash can icon.

Mongoose-based applications use a combination of "drag-from events" and "drop-on events" to perform drag-and-drop operations. During run time, this is how the framework works:

• A user clicks and holds down the mouse button, with the cursor hovering over a component that has at least one Drag From Event configured.
• The application recognizes that there is at least one Drag From Event configured and draws a "drag image" to visually cue the user that the object has been "captured."

This drag image, by default, is a semi-transparent rendering of the component from which the object was selected. You can use the Drag Image property to replace the default with a graphic image.

• The user drags the object to a component that has a matching Drop On Event configured and releases the mouse button.
• The application recognizes that there is a corresponding Drop On Event configured. The application then generates the first event that matches a Drag From Event with a Drop On Event.