Перетаскиваемый пользовательский интерфейс в JQuery

Question

В настоящее время я работаю над проектом, в котором мне нужно использовать перетаскиваемые элементы. Там будет список вариантов, например Воскресенье, понедельник, вторник ... суббота. Здесь пользователь будет выбирать любой из них, скажем, воскресенье, среда, суббота. Мне нужно отобразить их таким образом, чтобы пользователь мог перераспределить их в любом порядке.

* 1003 например *

Sunday
Saturday
Wednesday

или

Sunday
Wednesday
Saturday

И мне нужно получить порядок отображения на моей стороне клиента / сервера

Я решил предоставить флажки asp для родительского списка. Когда пользователь проверяет любую из опций, мне нужно заполнить ее в другом пользовательском интерфейсе, который позже поможет мне перестроить выбранные опции. Я ознакомился с несколькими образцами перетаскиваемого пользовательского интерфейса jQuery, но не уверен, что подойдет под мои требования.

Кто-нибудь может предложить ЛУЧШИЙ?

Answer 1

Думаю, вам этого будет достаточно:

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

Кроме того, я бы предложил не использовать флажки, а добавить еще один перетаскиваемый компонент, который отмечает ограничение между используемым и неиспользованным днем, например:

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

Я думаю, что это может быть более полезным.

Answer 2

Я думаю, что этот проект поможет вам

http://arshaw.com/fullcalendar/

Также вы можете найти образцы по этим ссылкам

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/