Drag and Drop Application
          Download the Source Code

          It is highly recommended that you walk through the explanations by looking at the source code to gain a more solid understanding.           You can also run the application on your computer.

          The goal of this project is to show you how to build a flexible WPF drag and drop application using the MVVM pattern.
          We will show you the:
          • Application
          • Design
          • Implementation of the Drag
          • Implementation of the Drop
          • Implementation of the Drop to the ListBox



          The Application

          Below is the application. On the top are the list of Candidates. At the bottom is the company organization chart with the TreeView on the left and the Detailed View on the right. If you are not sure how to setup the organization chart hierarchy be sure to check out the WPF Hierarchy Application.


          The application shows you the location on where the item will be dropped with the red dots on each corner (you can easily change the look if you like). You can drag the candidates around to reorder them. Below is before:



          after:


          You can drag the candidates to the company TreeView. Simply drag the candidate to the new boss that the candidate will be under. Below is before:


          after:

          You can also drag the candidates to the Detailed View. Below is before:



          after:


          You can drag the people in the TreeView around. All the children of the dragged element will be reassigned to the dragged element's supervisor. Below is before:


          after:

          Similarly, you can drag from the TreeView to the Detailed View. Below is before:


          after:

          You can drag the people in the company TreeView to the Candidates section. Below is before:


          after:


          You can drag the element in the detailed view around. Below is before:


          after:

          You can drag the items in the Detailed View to the TreeView. Below is before:


          after:

          You can drag the people in the company Detailed View to the Candidate section. Below is before:


          after:


          Next let's see the Design of the application.






          Future series of articles on sharepoint:

                sharepoint list -- the concepts of sharepoint list and how to effectively manage it
                sharepoint version control -- the internals of sharepoint version control and how to administer and manage the versions
                sharepoint permissions -- how to manage the permissions in a large enterprise sharepoint environment
                sharepoint server farm -- how to set up a high availability sharepoint server farm
                sharepoint document library -- the details on how to get your ways around the document library in sharepoint
                sharepoint configuration -- the configurations needed for different sharepoint network scenarios
                sharepoint css -- making the most out of customizing sharepoint frontend
                sharepoint web services -- some of the most convienent ways to communicate with the internals of sharepoint