Можно ли контролировать переполнение для помощника jQuery UI Sortable? - PullRequest
Новая
       0

Можно ли контролировать переполнение для помощника jQuery UI Sortable?

3 голосов
/ 29 декабря 2010

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

<div class='root'>
    <div class='wrapper'>
        <div class='column'>
            ...
        </div>
        ...
    </div>
</div>

Корневой div имеет overflow: auto и ширину / высоту, которые могут измениться. Столбцы имеют фиксированную ширину и плавают влево. Оболочка имеет фиксированную ширину, соответствующую сумме ширины столбцов. Конечным результатом является набор горизонтально расположенных столбцов в представлении, которые показывают полосы прокрутки, когда высота столбца или общая ширина столбца превышает его границы.

Я применил сортируемый пользовательский интерфейс jQuery к div-оболочке, чтобы можно было отсортировать столбцы внутри. Это прекрасно работает, за исключением одной проблемы: sorttable дает сортируемый элемент position: absolute, который, очевидно, удаляет его из обычного макета. Поэтому, если столбец очень высокий, вся страница получает полосу прокрутки до тех пор, пока элемент не вернется на место.

Может ли сортируемый помощник оставаться в прокручиваемом элементе даже при сортировке?

1 Ответ

1 голос
/ 13 января 2011

Я думаю, что это может сработать для вас.

Вы можете выбрать, куда добавить своего сортируемого помощника: 

$( ".selector" ).sortable({ appendTo: 'div.wrapper' });

Из документов:

"appendTo: определяет, куда добавляется помощник, который перемещается с помощью мыши во время перетаскивания (например, для решения проблем перекрытия / zIndex). "

...