Bezdepbonusu7Программирование: статьи и ответы

Вопрос

ASP.NET AJAX Toolkit ReorderList с большим количеством элементов, чем помещается на странице

Автор вопроса: Steve BarronОтветов: 1

У меня есть ReorderList на моей странице, и он отлично работает, но...

Теперь у меня есть почти 100 элементов, которые я хотел бы переупорядочить, и они исчезают со страницы, даже в размере 8pt. При перетаскивании страница не прокручивается, когда я приближаюсь к нижней (или верхней) части, поэтому мне приходится бросить свой элемент, прокрутить вниз, а затем перетащить еще немного. Когда я перетаскиваю в Word, когда я приближаюсь к нижней части окна, окно прокручивается, поэтому я могу переместиться туда, куда я хочу перетащить.

С другой стороны, я бы не отказался от отображения элементов в нескольких столбцах - их ширина позволила бы по крайней мере трем столбцам. Но ни одно из найденных мной решений CSS, которые позволяют <ul> иметь несколько столбцов, похоже, не работает, поскольку для них требуется несколько <ul>s, что я не думаю, что смогу сделать с помощью элемента управления ReorderList.

Любые идеи?

  • Это не решение, но вы можете прокручивать при перетаскивании с помощью колесика мыши. James 22.11.2011
  • Нестандартное мышление - это хорошо. Я проверю это, когда вернусь к мыши с колесиком вместо сенсорной панели ноутбука. :) Но тогда это не поможет другим пользователям ноутбуков. Спасибо хоть. Steve Barron 23.11.2011

reorderlistajaxcontroltoolkit

Ответы

Ответ 1 · рейтинг 1 · Hanlet Escaño

Вот идея: проверить, зажата ли левая кнопка мыши, а также проверить положение указателя на странице. Если координаты находятся внизу страницы в позиции, которая, по вашему мнению, является достаточно низкой для прокрутки страницы, вы можете использовать метод window.scrollBy() и остановить его, когда кнопка мыши будет отпущена. Вы также можете установить логическое значение при нажатии элемента "Переупорядочить" и пока кнопка нажата, и установить для него значение false, когда она будет отпущена, и снова та же идея, проверьте положение указателя.

Образец window.scrollBy()

Удачи!

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы