In order to achieve this scenario, you need to:
1. Wire up an event handler to the OnRowDropping
event of the grid from which you are dragging the items.
2. Attach an event handler to the onmouseup
event of the RadTab where the second grid resides:
3. In the onMouseUp
client method set a flag, indicating that the the mouse up event has occurred over the tab in question.
4. After the mouse-up event, the OnRowDropping
event of the grid will be called. In it, check for the above-specified flag and if it has been set, trigger an ajaxRequest passing to the server-side handler the needed information to perform the database operations. The usual approach will be to pass the data key value of the item being dropped:
is included in the ClientDataKeyValues
collection of the first grid).
5. On the server in the OnAjaxRequest
event handler, get the data key in the command arguments object, delete the record from the data source of the first grid, add it to the data source of the second grid and after all that select the second tab.
I hope this helps.
All the best,
the Telerik team