标签: drag-and-drop

Silverstripe DataObject - 我想将拖放排序添加到当前的类中,该类扩展了像页面一样的数据对象.因此,当它被删除时,它会更新该视图中所有数据对象的OrderBy字段.我创建了这个类,并且可以一次自由编辑一个项目,但是简单的拖放排序会使它变得如此简单,但我目前只能在Pages上看到Dataobjects上的任何此类扩展.

我有几个div代表我的组件。我想将该组件拖放到我的Gridsystem中。但是我需要克隆它们。因此，它们仍然在“组件”菜单中，因此我可以拖动更多它们。

    GRIDSYSTEM
    $('#GridDiv').droppable({
    accept: ".draaa",
        drop: function (event, ui) {
        var draggable = ui.draggable;
        var offset = draggable.offset();

        draggable.appendTo( this ).offset( offset );
            draggable.resizable({
            // animate: true
            grid: 10,
            containment: "#GridDiv",
            stop: function(event, ui) {
                var width = ui.size.width;
                var height = ui.size.height;
                $('#width').text('width: ' + ui.size.width);
                $('#height').text('height: ' + ui.size.height);
                },
            });
        }
    });

    DRAGCOMPONENTS
     $('.draaa').draggable({ 
    grid: [ 20, 20 ],
    drag: function(event, ui){
        var offset = $(this).offset();
        var xPos = offset.left;
        var yPos = offset.top;
       // $('#xFOR').text('x: ' …

我的问题是如何拖放形状，但是要克隆可拖动的形状，然后将克隆拖动到可拖放的形状。

我是Konva的新手。在浏览文档和示例时，我可以找到如何拖放形状。

我找到了克隆形状的参考，但是我不确定如何执行此操作。

如果有人可以告诉我这种方式，将不胜感激。

谢谢

我想使用Outlook电子邮件中的附件/将其读取到WinForm解决方案中。

例如：电子邮件中附加了TXT文件；我想将TXT文件拖放到WinForm中并同时读取TXT。

在Android Studio中,我无法在"设计"视图中将Palette中的任何项添加到activity_main.xml.它不会让我拖放它们.知道为什么会这样吗？

这是PrintScreen:

我需要在浏览器窗口之间实现拖放HTML元素.

当一个元素从窗口A掉落到窗口B时,它必须从窗口A中删除(并添加到窗口B).

当拖动'n'删除被取消时(当用户按下"esc"键时发生,或者有时拖动'n'拖放功能似乎是错误的),该元素必须返回其原始位置.

目前我正在做的是保持一个"hasBeenDropped"标志,在dragstart中设置为false,在drop中设置为true.在dragend中,我检查我的标志,如果它没有设置为true,则表示该放置已在另一个窗口中触发,或者该操作已被取消.我需要区分这两种情况(放入另一个窗口vs取消),以便相应地采取行动(例如,移除窗口或将其替换到其原始位置).

TL; DR:我需要能够检测到本机HTML5拖放操作何时被取消(例如,当用户按下"esc"键时).

有没有办法这样做？

我已经修改了react-dnd 可排序示例,以便在我的应用程序中使用.

我不能让"不透明"跟随我的拖累.

当我最初选择元素时,应用了不透明度:

但是当我向上移动以改变位置时,不透明度仍然应用于原始DOM元素(？).

状态相应地更改,与此状态关联的表中的列正在重新排序.因此,除了不透明之外,其他一切都很好.

当我移动元素时,只有li的值被改变但是data-reactid没有改变位置.

我的应用程序的唯一区别是我如何管理状态.在我的应用程序中,状态通过redux进行管理.

将hover被传递给该DropTarget的功能基本上是从示例复制和粘贴.

SortableColumnEntry组件:

class SortableColumnEntry extends Component {
  render(){
    const { connectDragSource, connectDropTarget } = this.props
    const { column, isDragging, index } = this.props

    const opacity = isDragging ? 0 : 1

    const element = connectDropTarget(connectDragSource(
      <li
        style={{opacity: opacity}}</li>
    ))

    return element
  }
}

export default flow(
  DragSource(DragTypes.COLUMN, source, (connect, monitor) => ({
    connectDragSource: connect.dragSource(),
    isDragging: monitor.isDragging()
  })),
  DropTarget(DragTypes.COLUMN, target, (connect) => ({
    connectDropTarget: connect.dropTarget()
  }))
)(SortableColumnEntry)

我试图通过运行批处理文件来处理多个文件。我希望该批处理文件能够接收其给定的所有文件（又名转储；或拖放）并处理它们。

目前，我可以使用以下批处理命令单独处理文件：

"C:\Program Files\Wireshark\tshark.exe" -r %1 -Y "filter" -o "uat:user_dlts:\"User 8 (DLT=155)\",\"pxt\",\"0\",\"\",\"0\",\"\"" -o "gui.column.format:\"Info\",\"%%i\""> %1".filter.txt"

我希望做与上述相同的事情，但是能够将文件简单地拖放到要处理的批处理文件中。

对于那些对上述批处理文件感到困惑的人：
-r读取输入文件，其完整文件地址（包括扩展名）被％1捕获
-Y过滤掉拖放文件的某些部分
-o设置首选项（由运行可执行文件的“ s”：tshark.exe-
>将结果重定向到
stdout-％1“ .filter.txt”将结果输出到名为“ draggedfilename.filter.txt”的新文件中

请避免在其他任何地方使用此代码，但要帮助我使用此代码（由于使用该代码的应用程序）。为了隐私起见，我在此版本的代码中更改了几个标志。如果您有任何疑问，请告诉我！

我已成功设法使用该multer模块将文件上传到节点服务器,方法是使用输入文件对话框选择文件,然后提交表单,但现在我需要而不是提交表单来创建FormData对象,并发送文件使用XMLHttpRequest,但它不工作,文件始终undefined在服务器端(路由器).

执行AJAX请求的函数是:

function uploadFile(fileToUpload, url) {

  var form_data = new FormData();

  form_data.append('track', fileToUpload, fileToUpload.name);

  // This function simply creates an XMLHttpRequest object
  // Opens the connection and sends form_data
  doJSONRequest("POST", "/tracks/upload", null, form_data, function(d) {
    console.log(d);
  })

}

请注意,fileToUpload这url是正确的,因为调用了正确的路由器方法.fileToUpload是File通过将文件从文件系统删除到dropzone,然后通过访问dataTransferdrop事件的属性获得的对象.

doJSONRequest是一个创建XMLHttpRequest对象并发送文件等的函数(如注释中所述).

function doJSONRequest(method, url, headers, data, callback){

  //all the arguments are mandatory
  if(arguments.length != 5) {
    throw new Error('Illegal argument …

在下面的示例中，我希望在拖动一个矩形时调用onDragStarted/ onDragFinished。但是，仅drag.onActiveChanged（mouseArea的）和Drag.onActiveChanged（矩形的）被调用。设置为时Drag.dragType，我得到了预期的输出，Drag.Automatic但是我再也看不到矩形了。我在Mac（El Capitan）上使用Qt 5.5。

import QtQuick 2.5
import QtQuick.Window 2.2

Window {
  visible: true

  width: 100
  height: 200

  ListModel {
    id: testModel
    ListElement { name: "red";   value: "#f00" }
    ListElement { name: "green"; value: "#0f0" }
    ListElement { name: "blue";  value: "#00f" }
  }

  Component {
    id: rect
    Rectangle {

      Drag.active: mouseArea.drag.active
      Drag.hotSpot.x: width / 2
      Drag.hotSpot.y: height / 2
      //Drag.dragType: Drag.Automatic

      Drag.onActiveChanged: {
        console.log("Active changed..")
      }

      Drag.onDragStarted: { …