Выделить и перетащить несколько элементов списка?

Question

[Илья Черничкин]

Доброго день, возникла следующая задача и проблема

Нужно создать drag-n-drop список с возможностью выделения нескольких позиций и их перемещения

Я использовал jquery ui sortable, но максимум чего я добился это, что при выделении элементы скрепляются, но перемещается только один элемент((



Вот мой код

HTML:

• 4.
  
  2.
  
  1.
  
  3. t
  
  
  
  
  
  
  
  JavaScript:
  
  

  $(document).ready(function(){ <br/>
  <br/>
  $(function() {<br/>
   <br/>
   $(&quot;#test-list&quot;).sortable({<br/>
   placeholder: 'ui-state-highlight',<br/>
  <br/>
  helper: function(){ <br/>
   <br/>
   var selected = $('#test-list input:checked').parents('li'); <br/>
   if (selected.length === 0) { <br/>
   selected = $(this); <br/>
   } <br/>
   var container = $('&lt;div/&gt;').attr('id', 'draggingContainer'); <br/>
   container.append(selected.clone()); <br/>
   return container; <br/>
   }<br/>
   });<br/>
   $(&quot;#test-list&quot;).disableSelection();

  
  

Answer 1

[Dialog]

$('#test-list input:checked').parents('li').each(function(){
//создаем и заполняем массив родителей
});
//затем в цикле добавляем их в контейнер…

копать в эту сторону, для отладки обязательно юзайте firebug или консоль в хроме

Comments

[Илья Черничкин]

Была такая идея,
затем в цикле добавляем их в контейнер…
Не совсем понял, у меня и так в container выделенные элементы
firebug самособой)

[Dialog]

суть в том что выделенные клонируются в контент и удаляются, создается иллюзия того что переместили

[Илья Черничкин]

а можно код, что то так образно сложно представить

[Dialog]

тогда полный код в студию, точнее то что в body

[Илья Черничкин]

• 4.
  2.
  1. Once dropped, an Ajax query is activated
  3. Returned array can be found at the right
  
  
  
  

[Илья Черничкин]

парсер съедает(




• 4.
  2.
  1. Once dropped, an Ajax query is activated
  3. Returned array can be found at the right
  
  
  
  

[Илья Черничкин]

А вообще тут и так полный код

[Dialog]

в общем сейчас поигрался в этим плагином, стали понятны 2 вещи
1) прописывать код нужно в событие или sort или beforeStop
2) не нашел ничего для изменения алгоритма сортировки (перемещения), то есть в объектах положение новых элементов определяется чудесным образом внутри jquery ui, в гугле по этому поводу тоже тишина, поэтому я бы на вашем месте накатал бы скрипты с нуля для драг-дропа нескольких элементов, хотя это ваше право

[Илья Черничкин]

Я примерно так и понял, спс
Уже второй день бьюсь

[Dialog]

habrahabr.ru/qa/7002/ тут рассматривался аналог, может по ссылкам и скриптам выход удобный для вас найдете