The example demonstrates how to use jQuery framework to drag an item from one grid to another.
- Use jQuery UI Draggable and Droppable plug-ins;
- Define "draggable" items in a source grid and "droppable" ones in a destination grid;
- Use the invisible ASPxGlobalEvents control and handle its client-side ControlsInitialized/EndCallback events;
- Initialize the defined draggable/droppable items via the corresponding jQuery selectors;
- Handle the "drop" event of the "droppable" items and perform the client-side ASPxClientGridView API to perform the data editing functionality.
Select the "CartScript.js" source file and review the comments to find illustration of the above steps.
See Also:
E4582: How to reorder ASPxGridView rows using buttons or drag-and-drop
Example Comments
Added By: Marc Michaels at: 1/16/2013 9:03:17 AM
Where is DX.ashx? I can't find any mention of it anywhere.
Added By: Marc Michaels at: 1/16/2013 9:14:32 AM<div class="draggable"> ??? Can't find this anywhere in the example as well. This example really leaves me in the dark there is no explanation of anything. Sadly it's the closest thing I can find to help me drag from one grid and drop on another. Just going to have to struggle through it.
Added By: Marc Michaels at: 1/16/2013 9:21:13 AMRunning example simply results in "The resource cannot be found".