标签: drag-and-drop

上传后,文件的缩略图会显示,因为最终只会上传GIF,如何在预览中显示实际的gif,而不是png缩略图？看到它在其他地方完成,但我认为需要编辑dropzone.js,有没有人在这里完成这个并可以告诉我如何？

谢谢!!

我在listview中列出了一堆文件,我想知道是否可以将文件拖放到Windows资源管理器中？如果是这样的话？我似乎只是找到了相反的例子.谢谢!

是否可以降低可拖动元素的速度？

我用jQuery拖放构建了一个简单的滑块.当滑块元素(可拖动元素)移动到某些位置时,图片会淡入.因此,如果您移动可拖动元素的速度不是太快,则看起来您可以使用滑块处理"图片动画".现在,我想减慢可拖动元素的速度.因此用户永远不能过快地拖动元素.

这是我的代码的一个例子.

$('.slider').mousemove(function(){

 if($(this).position().left >= 0 && $(this).position().left <= 2 ) {
  $('.slider_1').fadeIn();
  $('.slider_2').fadeOut();
 }
...

我希望有一个人可以帮助我 :)

也许有人可以帮助我.
我在webapp中获得了大量的视图.左侧有产品列表,右侧有类别列表.产品应该在类别中拖动.
产品列表是一个observableArray.现在,当列表有超过1000个条目时,我们遇到了性能问题(特别是在IE上).因此,因为产品本身不会改变,我们将它们从敲除绑定中取出,将它们连接在一个字符串中并仅附加一个节点.当然,淘汰赛的可排序装订不再适用了......

这是类别的模板:

<div data-bind="sortable: {data: Products, beforeMove: $root.verifyProducts}, attr: { 'data-max': MaxProducts }">
<div class="menuEditTab2CatDragItem clearfix" data-bind="attr: { 'data-prodid': Id }">
    <div class="menuEditTab3ProdsNameText" data-bind="text: Name"></div>
    <div class="pull-right" style="margin-left:8px;"><i style="margin-top:-4px;" class="icon-remove" data-bind="click: $parent.removeProduct"></i>

    </div>
    <div class="pull-left menuEditTab3ProdsIdText">ID: <span data-bind="text: Id"></span>
    </div>
</div>

这是左侧产品列表的js代码:

function fillAllProductsTab() {
        var parts = '';
        allProducts.forEach(function (item) {
            parts += '<div id="f_all_' + item.Id + '" >' +  // draggable="{data: $data, options:{containment: \'\#menuEditTab3Ce\', revert: \'invalid\'}}"
                '<div class="menuEditTab2CatDragItem">' +
                '<div>' + item.Name + '</div><div class="clearfix …

我有一个页面,其中有2个iframe,并排,来自同一个域.我想将一个元素从一个iframe的特定拖动区域(例如一个表格)拖放到另一个iframe的特定拖放区域(例如列表).我检查了stackoverflow和其他地方的所有相关问题,但我找不到合适的解决方案.我尝试使用jQuery UI draggable,但问题是返回的draggable元素包含在iframe中.我无法将其拖出iframe边界.所以,我的下一个想法是在顶部(父)窗口上创建可拖动元素,但是我想我必须以某种方式从iframe上的dragstart事件触发父窗口上的拖动事件.但是,当我将鼠标悬停在丢帧上的相应元素上时,如何检测掉落事件？

哦,如果这已经不够了,我也想让它在IE8上工作:)但是现在,我只想说我会找到一个不涉及拖放的IE8的后备解决方案.

我只是想将一个项目从我的拖放到我ListView的特定位置TreeView.我知道如何处理DragEvents.但是如何才能获得treeView的删除位置？"position"我的意思是"在哪个treeview-item上放下(从这个treeview-item获取引用)".

package main;

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.Event;
import javafx.event.EventHandler;
import javafx.event.EventType;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.DragEvent;
import javafx.scene.input.MouseDragEvent;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;
import javafx.util.Callback;



public class Program extends Application {
    String buffer = "";

    public static void main(String args[]) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        primaryStage.setTitle("Tree View Sample");
        HBox box = new …

我目前有一个webapp，其视图是使用ExtJS 6编写的：我们当前使用Java applet，其目的是允许用户将文件从文件系统拖放到Web服务器。我的目的是删除该小程序，并使用ExtJS6处理拖放：这可能吗？

我尝试在文档中进行搜索，但是发现的唯一主题（https://docs.sencha.com/extjs/6.0/core_concepts/drag_drop.html）与拖放框架元素有关。

我在应用程序中使用拖放功能。工作正常。现在，当视图未放置在放下的视图上时，如果视图返回其原始位置，则在给视图设置动画时会遇到问题。

我通过创建了阴影视图

  View.DragShadowBuilder shadowBuilder = new MyDragShadowBuilder(view);
                                view.startDrag(data, shadowBuilder, view, 0);

我的shadowbuilder类是

private static class MyDragShadowBuilder extends View.DragShadowBuilder {
    private static Drawable shadow;

    public MyDragShadowBuilder(View v) {
        // Stores the View parameter passed to myDragShadowBuilder.
        super(v);
        v.buildDrawingCache();
        shadow =  new BitmapDrawable(v.getDrawingCache());
    }

    @Override
    public void onProvideShadowMetrics (Point size, Point touch){
        // Defines local variables
        int width, height;
        width = (int)(getView().getWidth() * 1.1);
        height =(int)(getView().getHeight() * 1.1);
        shadow.setBounds(0, 0, width, height);
        size.set(width, height);
        touch.set(width / 2, height / 2);
    }

    @Override …

尝试将子节点仅从ActiveX TreeView控件拖动到VBA for Excel中的ActiveX ListView控件.它偶尔会起作用,但有些事情是错误的.我无法始终将阻止事件触发(有时它可以工作,有时不工作),或者,当它确实时,确定选择添加到listivew的内容.

我的TreeView具有以下节点

-US (tag='parent')
   -West (tag='parent')
       -CA (tag='child')
       -WA (tag='child')
   -East (tag='parent')
       -NY (tag='child')
       -FL (tag='child')

在上面,我只想让拖动工作在作为'child'的节点上工作.我尝试的代码如下:

Dim MyTreeNode As Node
Dim MyText As String

Private Sub TreeView1_MouseMove(ByVal Button As Integer, ByVal Shift As Integer, ByVal X As stdole.OLE_XPOS_PIXELS, ByVal Y As stdole.OLE_YPOS_PIXELS)
    Dim MyDataObject As DataObject
    Dim Effect As Integer

    If Button = 1 Then
        'For some reason this executes multple times even though I'm only picking one node.
        Debug.Print TreeView1.SelectedItem.Text

        If InStr(1, TreeView1.SelectedItem.Tag, "Child") …

我想知道我的计算机（或我自己）是否有问题，因为我似乎无法将文件拖放到Visual Studio Code中以在编辑器中将其打开。首先关闭打开的文件夹没有什么不同。VSCode在我尝试过的每个位置（编辑器，打开的选项卡栏，现有的打开的文件等）中始终向我显示“停车标志”。

VSCode为什么会阻止它？

（我在较早版本中也经历过。目前在Windows 7的v1.6上。）