DragAndDropMultiSelectorList

This nuget package installs the Javascript, the CSS and the Templates to allow to have UIHint to have special control to drag and drop items from an available list of item to a selected list. You can have the source code of this Nuget package on GitHub with the explication of how to use it :https://github.com/MrDesjardins/DragAndDropMultiSelectorList


Keywords
drag-and-drop
Install
Install-Package DragAndDropMultiSelectorList -Version 1.0.3

Documentation

#Description This is the Nuget package source code of the control used in this web project Asp.Net MVC project of DragAndDropMultiSelectorWebSite.

It allows to drag and drop from a list of possible values (called available choice) to a list of selected choice. This replace the old basic two list with buttons that allow to move from one side to the other values.

Animated gif that demonstrate the user control

#How to use it

  1. Download the Nuget package

  2. Add the CSS and Javascript file to your .cshtml

  3. Use the UIHint and the ViewModel class into your ViewModel

     [UIHint("MultiSelectorExtended")]
     public MultiSelectorWithSingleValueExtended YourProperty { get; set; }
    
  4. Inside your controller, do not forget to add possible value to the ViewModel property (For example: YourProperty)

#Links