Как заставить строку таблицы на веб-странице выглядеть перетаскиваемой?

У меня есть таблица на веб-странице, где я должен позволить пользователю изменить порядок строк. Я думал о том, чтобы позволить пользователю перетаскивать строки, чтобы переупорядочить их. Но как я могу сообщить пользователю, что он может это сделать? Должен ли я делать пустую ячейку в качестве первого столбца с точками или вертикальными линиями, например, gmail для каждого письма в папке «Входящие»? Где я могу получить такое изображение? Я использую значок «захватить руку» для курсора или курсора «move»? Я показываю курсор, нависая над столом или просто «область захвата»? Предоставляю ли я пользователю захватить любую часть строки для перетаскивания?

12 голосов | спросил Adam 2 ndEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 02 Sep 2010 00:44:33 +0400 2010, 00:44:33

2 ответа


22

37signals ' Basecamp отлично справляется с этим:

Индикатор перетаскивания Basecamp

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

Индикатор перетаскивания задач Gmail

Функция «Задачи Gmail» обрабатывает ее несколько иначе, показывая поверхность перетаскивания влево, когда вы наводите курсор на элемент. Наведение на поверхность перетаскивания изменяет курсор на значок руки (а не значок захвата, который является закрытой рукой). Дальнейшее поведение идентично Basecamp.

Для получения дополнительной информации об этом шаблоне обратитесь к библиотеке шаблонов Yahoo Design и обратитесь к интересные моменты раскадровки сетки .

ответил Rahul 2 ndEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 02 Sep 2010 00:48:23 +0400 2010, 00:48:23
0

Пока ваш макет не переполнен, умножение подсказок помогает пользователям понять, какие функции доступны.

В дополнение к ручкам перетаскивания вам может потребоваться добавить надпись «Перетаскивать строки для переупорядочения» в верхней части таблицы.

ответил Pierre 3 J000000Thursday14 2014, 16:18:39

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132