Популярные вопросы по тегу DRAG-AND-DROP

Как я мог перетаскивать строки DataGridView друг под друга?

... 3 его по свойству «Priority» в «myClass». Итак, я хочу перетащить 2 «DataGridViewRow» в определенное положение, чтобы измени ...

Как использовать событие drop jQuery для загрузки файлов, перетаскиваемых с рабочего стола?

... ния файлов с рабочего стола? Если 2 да, то как мне по ...

tkinter - Как перетаскивать виджеты?

... ете перемещать виджеты. Это 2 мой код: import tkinter as tk main = tk.Tk() notesFrame = tk.Frame(main, bd = 4, bg = "a6a6a6") notesFrame.place(x=10,y=10) notes = tk.Text(notesFrame) notes.pack() notesFrame.bind(" ...

Перетаскивание файла jQuery HTML5

... е так. Надо ли как-то его 2 привязать? Мне как можно больше нужен jQuery. JsFiddle Играйте 1 сколько хотите ... http://jsfiddle.net/AMjEz/ Код <html> <head> <style type="text/css"> #dropzone { border: 2px dashed #ccc; width: 300px; height: 200px; } </style> <script src="//ajax.googleapis.c ...

Пользовательский курсор с перетаскиванием элемента HTML без библиотек

... ansfer.setData("Text", event.target.id); event.currentTarget.classList.add("being-dragged"); }; var onDragEnd = function(event) { event.currentTarget.classList.remove("being-dragged"); }; var onDragOver = function(event) { event.preventDefault(); }; .dropzone { width: 500px; height: 200px; background-color: silver; } ...

HTML5 Drag & Drop Изменение значка / курсора при перетаскивании

... ресно, как изменить значок / курсор 6 во время перетаскивания (перетаскивания 5 / перетаскивания), когда я перетаскиваю 4 центр, например, чтобы запрет ...

Java: mouseDragged и перемещение в графическом интерфейсе

... al int x_panel = 350; // width of the panel private final int y_panel = 400; // height of the panel private int div_x; // width of one square private int div_y; // height of one square private int real_y; private int real_x; private Point origin; // the origin of the coordinate private Point temp; // temporary point private static int y = 0; private static int x = 0; DrawingArea( ...

firefox ondrop event.dataTransfer имеет значение null после обновления до версии 52

... 6 содержимого того, что должно было быть отброшено 15 или вставлено. Вопросы: Как следует обрабатывать 14 перетаскивание и вставку в реальных браузерах? Нужны 13 ли какие-то меры предосторожности в наши 12 дни? Есть ли объяснение причин сегодняшнего 11 ограничительного поведения? Есть ли в Интернете 10 какой-либо пример, показывающий, как выполнить 9 задачу с ...

Вложенное перетаскивание с помощью react-beautiful-dnd

... оженное перетаскивание 6 с помощью react-beautiful-dnd. Я сослался на answers in github Я разветвился 5 от песочницы и создал новую для вертикального 4 вложенного перетаскивания. Когда я изменяю 3 внутреннее значение "Не беспокоить", внешнее 2 значение "Не беспокоить" меняет 1 значения, не в ...

Многокомпонентная загрузка файлов с использованием NodeJS

... е видел ничего плохого. Кроме того, когда 2 я проверяю свою сеть с помощью инструментов 1 chrome dev, она показывает: Request URL:http://localhost:3000/file-upload **Request Headers** Accept:application/json Cache-Control:no-cache Content-Type:multipa ...

Как перетаскивать файлы в приложение?

... ия 3 C#, над которым я работаю. Есть ли лучшие 2 практики или подводные камни, на кото ...

Почему не работает ondrop?

... функция никогда не вызывается. Вот Plunker: http://plnkr.co/edit/qGEdYO8okRZAR3bnZrNk?p=preview Это 11 простой пример подключения: <script> var holder = document.getElementById('holder'); holder.ondragenter = function (e) { this.className = 'nicenice lvl-over'; return false; }; holder.ondragleave = function () { this.className = ' ...

Угловой 8 и угловой материал: перетаскивание прокрутки с помощью элемента CdkDropList

... только несколько месяцев 11 назад ?! Я обнаружил следующую фиксацию в 10 репозитории angular material: https://github.com/crisbeto/material2/commit/b4be85f6716a2d1a432ef7109aa06e7255324222 , но не нашел 9 никакой документации на сайте angular material. Мне 8 было любопытно, реализовал ли кто-нибудь 7 какую-либо автоматическую прокрутку перетаскивания 6 для эл ...

Как автоматизировать функцию перетаскивания с помощью Selenium WebDriver Java

... перетаскивания 1 с помощью Selenium We ...

HTML5 dragleave срабатывает при наведении курсора на дочерний элемент

... ;drag" draggable="true">drag me</div> <hr> <div id="drop"> drop here <p>child</p> parent </div> со 13 следующим кодом JavaScript: $('#drop').bind({ dragenter: function() { ...

html5 перетащить и оставить ДЛЯ МОБИЛЬНЫХ

... ознавал прикосновения? <!DOCTYPE HTML> <html> <head> <style type="text/css"> #div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} </style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("Text",ev.target.id); } function drop(ev) { ev.preventDefault(); var data=ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById( ...

CdkDropList ввод не рекомендуется, не существует в CdkDropList

... Top); не 3 работает. Я пытался найти решение, но безуспешно. Это 2 пример устаревшей функции enter https://stackblitz.com/edit/angular-dragdrop-grid-pnyded кто-нибудь может 1 помочь ...

Перетащите на скрипт Python в проводнике Windows.

... анных в скрипт Python, чтобы 6 он обработал файл и сгенерировал вывод. Сценарий 5 Python принимает имя файла данных в качестве 4 параметра командной строки, но П ...

Добавить перетащенный файл во ввод файла с помощью jQuery

... put" type="file" /> </div> input[type="file"] скрыт 7 (display: none), и выбор файла осуществляется путем прослушивания 6 \ запуска событий click и change. Я также хочу поддерживать 5 удаление файлов. Мне удалось прослушать 4 событие drop, когда файл был сброшен на #fake-text-input, но 3 я не знаю, как перенаправить событие drop в 2 input[type="file"] .. возможно ли это вообще? Меня не интересуют 1 уловки с непрозрачностью ...

Перетащите ячейку из datagridview в другую

... ng)) as string; Point cursorLocation=this.PointToClient(new Point(e.X,e.Y)); System.Windows.Forms.DataGridView.HitTestInfo hittest= dataGridView2.HitTest(cursorLocation.X,cursorLocation.Y); if (hittest.ColumnIndex != -1 ...

Перетаскивание в Treeview

... reeViewItem)) as TreeViewItem; if ((obj.Parent as TreeViewItem) != null) { (obj.Parent as TreeViewItem).Items.Remove(obj); } else { treeViewItem.Items.Remove(obj); treeViewItem.Items.Insert(0, obj); e.Handled = true; } } private void TreeViewItem_MouseLeftButtonDown( object sender,MouseButtonEventArgs e) { DependencyObject ...

Как перетащить строку в JTable?

... чтобы можно было перетаскивать 3 строку в другой индекс в таблице. Например, если 2 у меня 5 строк, и ...

Как определить, что событие перетаскивания HTML5 входит в окно и выходит из него, как это делает Gmail?

... не могу заставить 9 его работать, и мне кажется, что я просто 8 упускаю что-то действительно очевидное. Я 7 все время пытаюсь сделать что-то вроде этого: this.body = $('body').get(0) this.body.addEventListener("dragenter", this.dragenter, true) this.body.addEventListener("dragleave", this.dragleave, true)` Но 6 это вызывает события всякий раз, когда курсор 5 перемещается н ...

Wpf: перетащить в текстовое поле

... облему в Google, и люди отвечали 19 на аналогичные вопросы, но по какой-то причине 18 я не могу заставить ничего работать. Должно 17 быть, я что-то здесь упустил ... В любом 16 случае, когда я запускаю следующий код, обработчик 15 TextBox_DragEnter никогда не вызывается. Однако, если 14 я изменю элемент TextBox в xaml на элеме ...

VBA перетащите файл в пользовательскую форму, чтобы получить имя файла и путь

... скую 11 форму VBA, в которой Пользователь может 10 перетащить файл с рабочего стола или из 9 окна браузера в форму, и VBA загрузит имя 8 файла и путь. Опять же, я не уверен, возможно 7 ли это, но если это так или если кто-то 6 сделал это раньше, я был бы признателен 5 за указатели. Я знаю, как настроить пользовательскую 4 форму, но у меня нет никакого реального 3 кода за пределами этого. Если я могу что-то 2 предоставить, дайте мне ...

Как изменить курсор при перетаскивании? Материал CDK Drag and Drop

... Google Таблицах: Читая the documentation для стилизации 16 компонента перетаскивания, похоже, что добавление 15 свойства курсора к этому классу должно помочь: .cdk-drop-list-dragging: класс, который 14 добавляется в cdkDropList, когда пользователь 13 перетаскивает элемент. Код выглядит так: .example-box { /* other CSS properties */ cursor: grab; } .cdk-drop-list-dragging { cursor: grabbing; } Однако, как 12 вы можете виде ...

Перетаскивание нескольких объектов на холсте HTML5

... Когда 13 есть только один объект, который нужно перетащить 12 внутрь холст, тогда код работает нормально, но 11 когда я пытаюсь перетащить несколько объектов 10 независимо внутри холста, я не получаю желаемого 9 результата. Вот рабочий пример перетаскивания 8 только одного объекта с функцией рисования http://jsfiddle.net/KZ99q/ function draw() { clear(); ctx.fillStyle = "#FAF7F8"; rect(0,0,WIDTH,HEIGHT); ctx.fillStyle = &q ...

Загрузка файла перетаскиванием

... ряет наличие изменений (т.е. пользователь 10 выбирает файл), а затем отправляет форму, которая 9 загружает изображение нормально. Что мне 8 еще нужно, так это перетаскивание мышью 7 в область загрузки. Таким образом, пользователь 6 может перетащить изображение из своего файлового 5 проводника и поместить его в указанное место 4 (не на всю страницу), а затем, как т ...

HTML5, JavaScript: перетаскивание файла из внешнего окна (проводник Windows)

... й пример 14 реализации перетаскивания файлов HTML5? Исходный код должен работать, если 13 перетаскивание выполняется из внешнего приложения 12 (проводника Windows) в окно браузера. Он 11 должен работать в максимально возможном 10 количестве браузеров. Я хотел бы по ...

Angular 7 Drag and Drop - динамическое создание зон перетаскивания

... ;/div> </div> А вот и мой второй список: <div class="conta" cdkDropList #lessonList="cdkDropList" [cdkDropListData]="appointment.lessons" ...

Flutter: перетаскивание с помощью сетки

... вроде вида сетки 7 с перетаскиванием, где вы можете изменять 6 положение как по горизонтали, так и по вертикали. Пока 5 вы перетаскиваете выбранный виджет, другие 4 виджеты будут п ...

Перетаскивание на сенсорном экране

... юбые другие устройства 10 без мыши) поддерживаются, когда пользователь 9 выбирает элемент, нажимает кнопку «Переместить», а 8 затем касается точки перетаскивания. Хотя 7 это работает достаточно хорошо (элементы 6 находятся в видимой сетке), это не так удобно, как 5 перетаскивание. Я изначально понимаю, что 4 где бы я ни назначал element.onmousedown, element.onmousemove и element.onmouseup, я могу просто 3 назначить один и то ...

Как реализовать перетаскивание для маркера Android?

... cation API Google Map позже. Чтобы 5 попробовать, я хотел бы переместить маркер 4 с помощью функции перетаскивания, а затем 3 проверить местопо ...

Допускает ли HTML5 загрузку папок или дерева папок с помощью перетаскивания?

... не видел таких примеров. Разве это не 3 разрешено в спецификации API? Я ищу простое ...

Почему у меня не работает событие @drop в vue?

... говорю. Я хочу перетащить 8 чип и иметь возможность перетащить его на 7 другой компонент и выполнить функцию, но 6 во время удаления чипа метод dropLink не выполняется, поэтому 5 я предполагаю, что @drop событие не генерируется. На 4 консоли не отображаются ошибки. Остальные 3 события работают норма ...

jQuery.on ("drop") не срабатывает

... ry для прикрепления трех событий к элементу 10 HTML, как показано в приведенном ниже коде: $("html").on("dragover", function() { $(this).addClass('dragging'); }); $("html").on("dragleave", function() { $(this).removeClass('dragging'); }); $("html").on("drop", function(event) { event. ...

Как получить файлы из события angular 2 onDrop?

... вращает 2 файлы изображений, когда я к нему перехожу 1 ... onDragStart(event, data: any) { event.dataTransfer.setData('data', data); } onDrop(event, data: any) { let dataTransfer = event.d ...

Сортируемый список с перетаскиванием по Flutter

... lutter и хотел 7 бы использовать список перетаскивания в 6 материальном дизайне, такой же, как на веб-сайте 5 с рекомендациями по материалам. https://storage.googleapis.com/spec-host-backup/mio-design%2Fassets%2F1d ...

Невозможно получить событие onDragStart в React для перетаскивания HTML5

... то поведение меня 7 просто сбило с толку, поскольку оно давало 6 объект Proxy, который мог быть создан с помощью 5 реакции. Решение. Хотя объект Proxy имеет все методы 4 оригинального Перетащить событие, я понял 3 это позже. Таким образом, вы можете использовать 2 новое событие Proxy объект, как и ра ...

Когда я создаю перетаскиваемый клон и бросаю его в перетаскиваемый объект, я не могу перетащить его снова

... юбого существующего 1 элемента, а не к месту перетаскивания. $(document).ready(function() { $("#container").droppable({ drop: function(event, ui) { $(this).append($(ui.draggable).clone()); } }); $(".product").draggable({ helper: 'clone' }); }); </script> & ...

cdkDragHandle не работает внутри дочернего компонента

... онента, содержащего 8 cdkDropList и вложенный список компонентов 7 cdkDrag, определение cdkDragHandle внутри 6 вложенного дочернего компонента не работает. Если 5 одна и та же структура наход ...

Проверка типа файла перетаскивания HTML5

... аемые типы 6 файлов (JPEG). Поддерживают ли Gecko и Webkit 5 определение типа файла для перетаскивания 4 файлов? Как извлечь тип файла в этих двух 3 браузерах? Я нашел API event.dataTransfer.types, но 2 для Firefox он, ...

Имитация события перетаскивания файла

... ТЬ Ответ @kol - хороший 5 способ избавиться от события перетаскивания, но 4 мне все равно придется вручную выбирать 3 файл на моем компьютере. Это то, что мне 2 интересно моделировать. Есть ли способ программно 1 создать файловую переменную? var fileInput = document.getElementById('fileInput'), file = fileInput.files[0]; ...

Событие drop не запускается в Chrome

... ').on('drop dragdrop',function(){ alert('dropped'); }); $('.drop').on('dragenter',function(){ $(this).html('drop now').css('background','blue'); }) $('.drop').on('dragleave',function(){ $(this).html('drop here').css('background','red'); ...

Как обрабатывать перетаскивание без нарушения принципов MVVM?

... True" PreviewDragOver="DragOver" PreviewDrop="Drop" /> Весь мой код перетаскивания 5 существует внутри кода моего представления, а 4 не внутри моей модели представления. Как 3 я могу обрабаты ...

Как я могу создать интерфейс перетаскивания?

... Поддерживает ли tkinter 2 перетаскивание в приложении, и если да, то 1 как вы это делаете? from tkinter import * root = Tk() root.geometry("640x480") canvas = Canvas(root, height=480, width=640, bg="white") frame = Frame(root, height=480, width=640, bg="white") frame.propagate(0) ...

addEventListener drop не запускается

... tById('sub-main').addEventListener("click", () => {console.log('Click')}); Я читал, что 7 возврат false из ondragover поможет: document.getElementById('sub-main').addEventListener("ondragover", () => {return false}); document.getElementById('sub-main').addEventListener("drop", ...

Действительно ли необходим вызов preventDefault() при событии отбрасывания?

... изучаю Drag & Drop. Я скопировал пример 6 W3Schools в JSFiddle. Пример W3School вызывает preventDefault() в 5 событии перетаскивания: function drop(ev) { ev.preventDefault(); var data=ev.dataTransfer.getData("Text"); ev.target.appendChild(document.getElementById(data)); } Тем не менее, я не 4 понимаю необходимости при чтении документации. Когда 3 я remove this call, приме ...

События Drag 'n Drop срабатывают несколько раз

... о также 9 кажется всегда ровно 4 раза, но на это нет 8 никаких гарантий). Я также использую Vue.js, и 7 это мой код: <template> <v-card elevation="0" :id="id" class="board device-dropzone" > <slot class="row"/> <div Drop Card here </div> </v-card> </template> В слот добавляются изображение 6 и div с текстом. Также это сценарий: ...

Angular Material 7 Drag and Drop координаты x и y

... бытия, но не могу найти никаких свойств, описывающих 6 новые местоположения x и y. Базовая настройка 5 такова: <div style="height: 200px; width=200px; background-color: yellow" class="container"> <div style="height: 20px; width: 20px; background-color: red; z-index: 10" cdkDrag cdkDragBoundary=".container" (cdkDragEnded)="onDragEnded($event)"> </div& ...