Example of Dual ListBox in ASP.NET MVC List Box Control

This sample demonstrates the functionalities of the dual list box. Select an item from Group A and click the moveTo button to move item from Group A to Group B.

DEMO
SOURCE

Group A

Group B

The dual list box allows the user to move items between two list boxes. Dual list box can be created by listing items in the ToolbarSettingsopens in a new tab property along with Scopeopens in a new tab property. The supported operations are,

  • moveUp - Moves the selected item in the upward direction.
  • moveDown - Moves the selected item in the downward direction.
  • moveTo - Moves the selected item to the Group B list box.
  • moveFrom - Moves the selected item from Group B list box to Group A.
  • moveAllTo - Moves all the items to the Group B list box.
  • moveAllFrom - Moves all the items from Group B list box to Group A.

More information about the dual list box can be found in the documentation sectionopens in a new tab.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab