Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Dual list drag drop control [closed]

Does anyone know of a good .Net2.0+ compatible dual listbox control that either offers dragging and dropping between lists, or simple buttons to move items between lists and also sort the items in a particulr list. This is for a web based app and I would prefer some nice javascript to make this one speedy.

like image 733
CodeMonkey Avatar asked Mar 27 '09 04:03

CodeMonkey


People also ask

How to drag and drop items from one listbox to another?

Put the cursor on one of the items in the left listBox, depress the left mouse button and look at the cursor. It changes to a "dragdrop" copy symbol. If the drag is continued on into listBox2 (whose event is fired.

How to use dodragdrop with listbox2?

Once you have set in motion the DoDragDrop operation, the pump is primed so to speak. Put the cursor on one of the items in the left listBox, depress the left mouse button and look at the cursor. It changes to a "dragdrop" copy symbol. If the drag is continued on into listBox2 (whose event is fired.

What is the difference between dragdrop and drag and drop events?

Items from the left listbox (listBox1) can be dragged to the right listbox (listBox2). Items in the right listBox2 can be rearranged or removed. Drag and Drop events are trapped and reported in a third listbox and informational label. DragDrop events are heavily instrumented and reported.

How do I use dodragdrop?

Once you have set in motion the DoDragDrop operation, the pump is primed so to speak. Put the cursor on one of the items in the left listBox, depress the left mouse button and look at the cursor. It changes to a "dragdrop" copy symbol.


2 Answers

I decided to write my own drag and drop list control for this one using JQuery and JQuery UI. You can try out a sample here: demo. The right side sort list will scroll down if the left list is too long thus making it easier to drag and drop. I still have more testing and a few bug fixes on this one, but it seems to be working pretty well.

like image 111
CodeMonkey Avatar answered Oct 13 '22 10:10

CodeMonkey


Perhaps this answers your question?

From that post the infinity links to meadmiracle for a jQuery implementation and a demo. I personally don't like the horizontal layout of the buttons though although I'm sure that could be fixed pretty easily.

meadmiracle jQuery example

Also I've found this jQuery multi selection control interesting over on the UX Stack-Exchange.

jQuery Dropdown Check List

like image 21
jpierson Avatar answered Oct 13 '22 11:10

jpierson