Draggable UI in jQuery

Question

Hello All,

I am currently working on a project where I need to go for draggable elements. There will be list of options e.g. Sunday, Monday, Tuesday... Saturday. Here user will be selecting any of them, say Sunday, Wednesday, Saturday. I need to display them in such a way the user can realign them in any Order.

E.g

Sunday
Saturday
Wednesday

or

Sunday
Wednesday
Saturday

And I need to get the display order in my Client/ Server side

I have decided to provided asp checkboxs for the parent list. When user checks any of the option, I need to populate it in another UI which would later helps me to realign the selected options. I have gone through few samples of draggable jQuery UI but not sure which will suit my requirement.

Can any one suggest the BEST?

Answer 1

I think this should be enough for you:

http://jqueryui.com/demos/draggable/#sortable

Also, I would suggest not using the checkboxes but adding another draggable component that marks the limit between used and unused days, like:

> Saturday
> Sunday
> **Below are ignored**
> ...

I think it may be more usable.

Answer 2

I think this project helps you

http://arshaw.com/fullcalendar/

Also you can find samples on these links

http://www.webresourcesdepot.com/wp-content/uploads/file/jquerydragdrop/

http://net.tutsplus.com/tutorials/javascript-ajax/drag-to-share/

http://tutorialzine.com/2009/09/shopping-cart-php-jquery/

http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/