Что такое DRAG AND DROP и как его использовать

Опубликовано 26.02.2017 15:06
Автор: Сергей Шмигирилов

Для начала дадим определение drag and drop - это возможность двигать предметы по экрану непосредственно в рамках работы с сайтом, например, берем элемент одного списка и перемещаем его указателем мышки в другой. Что бы осуществить подобное движение, необходимо два элемента управления, такие как: приемник и источник.

В приемники можно приписать принимающий объект источника (проще говоря объект, который необходимо перемещать). События, которые появляются в ходе перемещения необходимо перечислять в том порядке, в котором они возникают. Для элементов Вордпресс, подробнее написано в этой статье http://webark.com, сейчас же мы рассмотрим более универсальный подход. 

OnStartDrag (тип TStartDragEvent) - данный показатель генерируется объектом-источником в самом начале выполнения действия. Обработчик событий при этом работает со следующими параметрами: объект приемник DragObjec, а в качестве объекта источника выступит Source. Итак, OnDragOver (тип TDragOverEvent) выполняет создание объекта приемника, в момент появления над ним объекта перемещения, параллельно с тем, когда все необходимые параметры уже попадают в обработчик событий

Состояние перемещения предоставляет отчет о том, что объект попал в область приемника, или же передвигается в ее области действия или же вышел за таковую. Переданные данные предоставляют возможность приемнику зафиксировать или отказаться от так называемого объекта источника.

Параметр Accept в процессе обработки превращается в Trye в случае удачного перемещения операции, если же такое не произошло, получаем ответ в виде - False.

onDragDrop (тип TDragDropEvent) - появляется приемником, в том случае если объект перемещения фиксируется непосредственно в нем. Обработчик событий при этом получается работающие координаты указателя мыши, а объект приемник Sender (тип TObject), в том числе и Source.

onEndDrag (тип EndDragEvent) - необходим в момент окончания перемещения. Так, обработчику передаются координаты X и Y, по которым и находится объект перемещения


...

You have no rights to post comments

Новые материалы на сайте

Продажи iPhone XS и XS Max в России бьют все прошлогодние рекорды

Продажи iPhone XS и XS Max в России бьют все прошлогодние рекорды

Спрос на недавно представленные смартфоны отк яблочного гиганта iPh...

D-Link представили гигабитные PoE-коммутаторы с управлением

D-Link представили гигабитные PoE-коммутаторы с управлением

Один из лидеров по производству сетевого оборудования в мире, компан...

Гибридные ноутбуки Dell Inspiron Chromebook 14 получили возможность перьевого …

Гибридные ноутбуки Dell Inspiron Chromebook 14 получили возможность перьевого ввода

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

YouTube находится на втором месте по посещаемости в США, Google так и остался …

YouTube находится на втором месте по посещаемости в США, Google так и остался в лидерах

Как стало известно, тройка самых популярных сайтов США потерпела неб...

Роботы-пылесосы как новое шпионское оборудование

Роботы-пылесосы как новое шпионское оборудование

Исследование, которое совсем недавно провели сотрудники компании Pos...

Самое популярное

Обзор и тест материнской платы Gigabyte Z77X-UD3H

Обзор и тест материнской платы Gigabyte Z77X-UD3H

Совсем недавно, пару дней назад, нами был проведен обзор материнской п...

Обзор и тестирование материнской платы MSI Z77A-GD65

Обзор и тестирование материнской платы MSI Z77A-GD65

Официальный анонс материнских плат построенных на базе новейшего чипсе...

Обзор процессора AMD Phenom II X4 975 BE

Обзор процессора AMD Phenom II X4 975 BE

Компании AMD в очередной раз удается извлечь больше производительнос...

Обзор и тест процессора Intel Core i7-3770K на архитектуре Ivy Bridge

Обзор и тест процессора Intel Core i7-3770K на архитектуре Ivy Bridge

Появление новых процессоров на архитектуре Ivy Bridge, пользователи жд...

Характеристики видеокарт серии Radeon HD 6900

Характеристики видеокарт серии Radeon HD 6900

Раздобыв "секретные" документы AMD, содержащие характеристику видеок...

________________________________________________________________________________________________________________ 

При цитировании материалов сайта, прямая индексируемая ссылка на ciferkom.ru обязательна.

Copyright © 2010-2012 Сiferkom.ru