标签: drag-and-drop

PlayFramework:Ajax + Drag n'Drop + File Upload + File对象在控制器中？

有没有人知道通过Ajax上传文件并使用支持PlayFramework将文件上传转换为File对象的桌面拖放的方法？

我尝试了几种不同的方法,没有任何方法可以正常工作.

ajax drag-and-drop file-upload playframework

Jas*_*zek

lucky-day

15
推荐指数

1
解决办法

8442
查看次数

使用NSStatusItem拖放

我正在尝试编写一个应用程序,允许用户从Finder中拖动文件并将其拖放到NSStatusItem.到目前为止,我已经创建了一个实现拖放界面的自定义视图.当我将这个视图添加为它的子视图时NSWindow,一切正常 - 鼠标光标给出了适当的反馈,当删除时我的代码被执行.

但是,当我使用相同的视图作为NSStatusItem's视图时,它的行为不正确.鼠标光标提供适当的反馈,表明文件可以被删除,但是当我删除文件时,我的丢弃代码永远不会被执行.

我需要做些什么特别的事情来实现拖放NSStatusItem吗？

cocoa drag-and-drop nsstatusitem

Bry*_*yle

2012 07-25

15
推荐指数

2
解决办法

4387
查看次数

ipad:从一个UITableViewController拖动UITableViewCell并将其放入另一个UITableViewController

我的问题是,这是否可能,如果是这样,你将如何处理这项任务？

有没有人知道已经使用此功能的应用程序,或者在哪里获得一些示例代码？

另外,如果我自己实现这一点而不太了解该主题,那么你对完成它需要多长时间的估计是什么？

还有一点需要注意,因为它可能会使事情变得更复杂:目标表在默认情况下处于editmode状态,因此用户可以重新排列单元格(使用附件视图中的标准重新排序控件),这些已经放在那里.

编辑:

我只是尝试在我的帖子中包含概念图像的屏幕截图.图像左侧显示一个表格,右侧显示灰色下降区域.我的客户说他也在其他应用程序上看到了这一点,因此必须有一些我不知道的ui元素.

我没有在开发者库中找到关于这样一个下降区域的任何内容,所以希望你们中的一个可以给我指示或清理.

drag-and-drop ipad ios

chr*_*oph

2017 03-15

15
推荐指数

1
解决办法

9176
查看次数

更改HTML5拖放文件的鼠标光标(GMail拖放)

我正在尝试重现GMail处理html5拖放附件的方式 - 只要您在页面上拖动文件,它就会显示一个新元素供您放置.我得到了那个部分(它没有像我想象的那样直截了当).

现在我试图通过在鼠标悬停在除drop元素之外的任何其他元素上时更改鼠标光标来对其进行修改,以告知用户此处不允许丢弃.我想我可以使用自定义光标来完成它,但这似乎不是GMail正在做的事情. 该规范建议也可以更改鼠标光标,但我似乎无法使用dropzone/effectAllowed使其正常工作.

任何帮助将不胜感激,这是我目前的设置:http://jsfiddle.net/guYWx/1/

ETA:这是我最终的结果:http://jsfiddle.net/guYWx/16/

<body style="border: 1px solid black;">
    <div id="d0" style="border: 1px solid black;">drag files onto this page</div>
    <div id="d1" style="border: 1px solid black; display: none; background-color: red;">-&gt; drop here &lt;-</div>
    <div id="d2" style="border: 1px solid black;">and stuff will happen</div>
    <div style="float: left;">mouse them all over&nbsp;</div>
    <div style="float: left;">these elements</div>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <div>end page</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    var resetTimer;

    var reset = function()
    {
        $('#d1').hide();
    };

    var f …

Run Code Online (Sandbox Code Playgroud)

html5 drag-and-drop

Lan*_*don

2011 12-11

15
推荐指数

1
解决办法

2万
查看次数

HTML5拖放 - 正在重定向Firefox

我正在尝试在我的应用程序中实现html5的拖放,但Firefox总是被重定向到丢弃图像的源.我正在使用e.stopPropagation().在Chromium中,一切都按预期工作.奇怪......这是代码:

<html>
 <head>
  <meta charset="utf-8" />
  <title>DuOS 0.0.0</title>
  <meta name="author" content="Jan Durrer, Michal Gr?o" />
  <link rel="stylesheet" href="./default.css" />
 </head>
 <body>
  <script src="./boot.js"></script>
  <script src="./window.js"></script>
  <script src="./omnibox.js"></script>
  <section class="desktop">
   <img class="icon" id="computer" style="left: 0px; top: 340px;" src="./image/icon/system/computer.png" />
   <img class="icon" id="folder" style="left: 0px; top: 170px;" src="./image/icon/system/documents.png" />
   <img class="icon" id="bin" style="left: 0px; top: 0px;" src="./image/icon/system/bin.png" />
  </section>
  <script>
   window.clickedIcons = Array();
   window.draggedIcon = {};
   window.draggedIcon.offset = Array();
   window.draggedIcon.element = null;

   //Pohybování
   function drag_start(e) {
    window.draggedIcon.element = e.target;
    event.dataTransfer.effectAllowed …

Run Code Online (Sandbox Code Playgroud)

javascript firefox html5 drag-and-drop

m93*_*93a

lucky-day

15
推荐指数

1
解决办法

8267
查看次数

如何在dgrid中使用dnd实现行重新排序

我在dgrid中创建了一个连接到JsonRest存储的网格.这会从金字塔后端加载数据.我还在商店中添加了DnD扩展名.DnD工作,但我不知道如何在拖动行时发送任何有意义的数据.目前它发送两个请求,一个GET和一个PUT,但PUT只包含行中的数据,但我没有用来更新数据库中的顺序.

那么在我的网格中需要什么配置,以便我可以获得新的订购信息？

javascript dojo drag-and-drop dgrid

zef*_*ciu

2015 12-25

15
推荐指数

1
解决办法

1714
查看次数

拖放文件上传

所以我正在努力寻找我正在寻找的东西以及如何实现它.

我有一个基本的PHP文件上传工作,用户按下自定义上传按钮,选择一个文件,然后使用JS,它检查更改(即用户选择文件),然后提交上传图像的表单精细.

我现在还想要的是拖放上传区域.因此,用户可以从文件浏览器中拖动图像并将其放在指定位置(而不是整个页面),然后删除该图像后,表单将自动与其图像一起提交并使用相同的PHP处理.

这可能和现实吗？

php upload jquery html5 drag-and-drop

Ten*_*ous

lucky-day

15
推荐指数

1
解决办法

5万
查看次数

使用Google Maps SDK for iOS的可拖动标记

有没有人想出如何使用适用于iOS的新版Google Maps SDK实现可拖动标记？API尚未本机提供.功能请求已提交.

如果我能掌握GMSMarker的基础视图,我可以拦截Touch事件.有人试过吗？

drag-and-drop draggable google-maps-markers google-maps-sdk-ios

use*_*035

2014 02-01

15
推荐指数

2
解决办法

1万
查看次数

CSS指针事件 - 接受拖动,拒绝单击

tldr; 我需要一个元素来注册拖放指针事件,但是将click和其他指针事件传递给它后面的元素.

我正在构建一个拖放照片上传功能react-dropzone.我希望它dropzone在整个页面上,所以如果你将文件拖到页面的任何部分,你可以删除它来上传图像.在dropzone当没有文件拖到它是透明的,所以我需要点击它后面的元素来注册.

为了实现这一点,我给了dropzone组件以下样式:

position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;

Run Code Online (Sandbox Code Playgroud)

但是,pointer-events: none;导致dropzone无法识别必要的拖放事件.有没有办法识别这些特定的指针事件,同时将其他人(如点击)传递给后面的元素dropzone？

html javascript css drag-and-drop pointer-events

Mat*_*per

lucky-day

15
推荐指数

1
解决办法

1677
查看次数

角度嵌套拖放 / CDK 材质 cdkDropListGroup cdkDropList 嵌套

我使用 CDK Material Drag and Drop 实用程序创建一个启用拖放功能的表单编辑器。

它工作正常，但cdkDropList在 a 中嵌套 acdkDropListGroup不起作用。我无法将任何内容拖到嵌套的下拉列表容器中。

<div class="container">
  <div class="row" cdkDropListGroup>
    <div class="col-2">
      <div id="toolbox" cdkDropList>
        ...
      </div>
    </div>
    <div class="col-10">
      <div id="formContainer" cdkDropList>
        ...
        <div class="row">
          <div class="col-md-6" cdkDropList>
            ... column 1 content
          </div>
          <div class="col-md-6" cdkDropList>
            ... column 1 content
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Run Code Online (Sandbox Code Playgroud)