In this article we learn how to drag and drop items from one list to another list. We often need to provide a UI for dragging elements from one list to another list. Consider you are developing an online shopping application in which traditionally you are using checkboxes with a gridview or any other data control to select multiple products and storing this product information in a dataset in code behind which is somewhat inconvenient for the user to have to select items manually and for dropping again uncheck the checkboxes. In this case we can make it very easy using j-query sortable to drag items from one list to another list.

In this article we will see the scenarios for dragging items form one list to another list. For doing that first you need to download the j-query UI from the j-query site.

Step1: Once you have downloaded the j-query UI, add the reference in your .aspx page head tag to the following .js and .css files.