This example demonstrates how to use the drag and drop properties between two data grids. We use the idea of an online shopping cart to illustrate how the interaction takes place. Simply drag an item from the Product List onto the shopping cart icon. Items dropped into the shopping cart icon will be added to the Shopping Cart data grid. When dropped, items are added alphabetically by product name, their quantities will update if dropped more than once, and footer totals will automatically be updated as well.

Product List
Drag and drop a product you wish to add to the shopping cart icon.

Shopping Cart (Clear)