JQuery Sortable, который прокручивает - PullRequest
Новая
       6

JQuery Sortable, который прокручивает

2 голосов
/ 09 февраля 2010

У меня есть две сортировки jquery, которые соединяются друг с другом (код ниже). 

$('#da_favourites_sortable').sortable({
    connectWith:  '#da_available_sortable',
    handle:   'img.da_icon_handle',
    revert:  true
});

$('#da_available_sortable').sortable({
    connectWith:  '#da_favourites_sortable',
    handle:   'img.da_icon_handle',
    revert:  true
});

Я хотел бы сделать одну из них панелью прокрутки (#da_available_sortable), чтобы у меня было несколько «страниц» сортируемого элемента, которые я могу перемещать между панелями.

Кажется, я не могу отойти от этого, чтобы мне не пришлось разделять «доступную» панель на несколько ликов. Очевидно, что это не сработает, когда я хочу перетащить элементы в сортируемую «многостраничную страницу», так как каждый li в конечном итоге должен быть отдельным сортируемым.

Мне бы хотелось, чтобы сортировка #da_available_sortable отображала 10 элементов одновременно в виде двух строк по пять.

Кто-нибудь делал это раньше, чтобы показать мне путь вперед?

Спасибо

1 Ответ

0 голосов
/ 12 августа 2011

Довольно сложно понять, чего ты пытаешься достичь. Вы ищете что-то подобное?

http://jsbin.com/ekinog/8

В голове: 

<style>
  #wrapper {
    border:solid 1px #cacaca;
    height:5em;
    overflow-y:scroll;
  }
 </style>
<script type="text/javascript">
$(function(){    

$('#da_favourites_sortable').sortable({
    connectWith:  '#da_available_sortable',
    revert:  true
});

$('#da_available_sortable').sortable({
    connectWith:  '#da_favourites_sortable',
    revert:  true
});   


});
</script>

В теле: 

<ul id="da_favourites_sortable">
    <li>Lorem</li>
    <li>Ipsum</li>        
  </ul>     

  <div id="wrapper">
    <ul id="da_available_sortable">
     <li>Dolor</li>
     <li>Sit</li>
     <li>Amet</li>
     <li>Consectetur</li>
     <li>Adipiscing</li>
     <li>Elit</li>
  </ul>
</div>
...