Что такое 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

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

Популярные клиентские игры переходят на мобильные устройства

Популярные клиентские игры переходят на мобильные устройства

Интерес к клиентским онлайн играм очень большой, отлично понимая это...

Акционное предложение для постоянных клиентов от ОАО «НКС»

Акционное предложение для постоянных клиентов от ОАО «НКС»

Компания «Твое TV», являющаяся зарегистрированной торговой маркой ОА...

Acer показал характеристики Spin 3 с чипом Intel Core 8-го поколения

Acer показал характеристики Spin 3 с чипом Intel Core 8-го поколения

Компания Acer, среди конкурентов, представляющий на выставке электро...

Apple огласила цену на iPhone 7 RED, iPhone 7 Plus RED и iPhone SE

Apple огласила цену на iPhone 7 RED, iPhone 7 Plus RED и iPhone SE

Мало кто знает, но компания Apple является одним из самых крупных бл...

Предварительные характеристики Apple iPhone X 2018

Предварительные характеристики Apple iPhone X 2018

После анонса Apple iPhone X был прошло не более 10 дней, как уже в с...

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

Обзор и тест материнской платы 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, пользователи жд...

Как обновить видеодрайвер AMD Catalyst и Nvidia Geforce

Как обновить видеодрайвер AMD Catalyst и Nvidia Geforce

Наверное каждый из нас, после того как приобрел свой первый компьюте...

________________________________________________________________________________________________________________ 

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

Copyright © 2010-2012 Сiferkom.ru