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

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

FinMark показал кабель F690BVMcu-2x0.75 POWER с токоведущим проводникам

FinMark показал кабель F690BVMcu-2x0.75 POWER с токоведущим проводникам

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

Названы розничные цены на видеокарты NVIDIA GeForce GTX 1650

Названы розничные цены на видеокарты NVIDIA GeForce GTX 1650

Портал VideoCardz опубликовал информацию о рекомендуемых ценах на ви...

Sony хочет выпустить продолжение серии Xperia XZ1

Sony хочет выпустить продолжение серии Xperia XZ1

Как многие могли заметить, на выставке CES 2018 в Лас-Вегасе особо н...

Смартфоны Samsung Galaxy S10 будут заряжаться быстрее и получат «суперночной р…

Смартфоны Samsung Galaxy S10 будут заряжаться быстрее и получат «суперночной режим» с ручными настройками

Глава китайского подразделения Samsung заявил в ходе общения с журна...

Характеристики и цены Samsung Galaxy M10 и M20 с экраном Infinity-V подтверди…

Характеристики и цены Samsung Galaxy M10  и M20 с экраном Infinity-V подтвердились

Компания Samsung, один из лидеров в ИТ сфере по производству смартфо...

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

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