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

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

Смартфоны LG Nexus 5X и Google Nexus 9 сняли с производства

Смартфоны LG Nexus 5X и Google Nexus 9 сняли с производства

Известный своими громкими заявлениями по поводу характеристик еще не...

Коммутаторы JUNIPER и компания в целом выросла на 11%

Коммутаторы JUNIPER и компания в целом выросла на 11%

Хорошо известная, среди уверенных пользователей компьютерного оборуд...

Мировые продажи компьютеров постепенно снижаются

Мировые продажи компьютеров постепенно снижаются

 Как оказалось рынок ПК испытывает довольно серьезный кризис. Аналит...

Huawei огласила характеристики и цену на p8 lite 2017

Huawei огласила характеристики и цену на p8 lite 2017

В начале года компания Huawei приятно порадовала своих пользователей...

Первые характеристики и цена на Xiaomi Redmi 5

Первые характеристики и цена на Xiaomi Redmi 5

По всемирной паутине пробежала информация, о еще не представленном о...

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

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

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

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

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

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

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

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

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

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

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

________________________________________________________________________________________________________________ 

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

Copyright © 2010-2012 Сiferkom.ru