标签: drag-and-drop

我有一个NSWindowController包含几个NSViewControllers.我想普遍接受使用NSWindowController类的拖放事件,而不是被其他视图拦截NSTextView(包含在a中NSViewController)

如何判断NSTextView忽略拖放事件？

我正在关注jQuery draggable项目的这个指南.

我唯一想念的是dragenter和dragleave临时元素的CSS一起玩的事件.它只hoverClass为可拖动元素提供属性,当可拖动元素移动到它们上时.如果我们需要更改其他元素的CSS怎么样？

当前代码如下所示:

$(".part").draggable({
    start: startDrag,
    stop: stopDrag,
    revert: true
});
$(".parts-action").droppable({
    accept: '.part',
    hoverClass: 'hovered',
    drop: handleDrop
});

除此之外,我还需要:

$(".wrapper").on('dragenter', function (e) {
    $(this).next(".parts-action").show();
});

$(".wrapper").on('dragleave', function (e) {
    $(this).next(".parts-action").hide();
});

但它在使用时不起作用draggable().

我也尝试过:

$(".part").draggable({
    drag: handleDrag
})

function handleDrag(e, ui){
    /* how to know if active draggable is on some element other than droppable? */
}

这是非常令人困惑的,因为它与可拖动和可拖放相关联!

嘿,我正在开发一个项目,我需要使用fabric.js将图像从PC(用户系统)拖放到html5画布,因为我得到div的代码(作为下拉列表)到画布但是用PC(用户系统)敲击)画布可以任何人帮助我,请如何进一步.

这是我到目前为止所做的代码

 var js_c_drawing, activeObject = null;
        $(document).ready(function () {
            setDrawingCanvasCoords();
            js_c_drawing = new fabric.Canvas('c_drawing');
            js_c_drawing.calcOffset();
            if (typeof fabric.instances != "undefined") fabric.instances.push(js_c_drawing);
        });
        function setDrawingCanvasCoords() {
            var wHeight = $(window).height() - 100;
            var wWidth = $(window).width() - 164;
            var drawingStyle = 'border:4px solid gray;top:20px;position:relative;background-color:black;' + 'width:' + wWidth + 'px; height:' + wHeight + 'px';
            $("#divDrawing").attr('style', drawingStyle);
        }       
        function showToolMenu(shapeMenu) {
            var divShapesId = 'divShapes';
            var divElement = $('#' + divShapesId);
            var ele = document.getElementById('a' + shapeMenu);
            elePosition = findPos(ele); …

我正在尝试使用c0deformer的jQuery UI实现实现拖放(请参阅此处:http://codef0rmer.github.io/angular-dragdrop/#/ )拖动部分工作正常,但我似乎无法获得功能我在追求下降.在这个应用程序中,我希望能够将可拖动项目放在目标div中的任何位置,即,我不希望目标范围限于列表类型结构(或一组重复的div).主要是因为用户将动态拖动项目,并且无法知道用户将提前拖放多少项目.

我已经在网上搜索过,并且在Angular中找不到使用拖放的示例而没有有效地从一个列表拖动到另一个列表.可以这样做吗？如果是这样,我不确定在拖动项目后如何适当地更新范围.在下面的示例代码中,已删除的项目将被推入第二个列表的范围,并应用新范围.理想情况下,丢弃项目的范围是我上面提到的目标div.我是Angular的新手,所以任何建议都非常值得赞赏.

来自c0deformer的片段:

app.directive('droppable', function($compile) {
    return {
        restrict: 'A',
        link: function(scope,element,attrs){
            //This makes an element Droppable
            element.droppable({
                drop:function(event,ui) {
                    var dragIndex = angular.element(ui.draggable).data('index'),
                        dragEl = angular.element(ui.draggable).parent(),
                        dropEl = angular.element(this);

                        console.log(dropEl);

                    if (dragEl.hasClass('list1') && !dropEl.hasClass('list1') && reject !== true) {
                    scope.list2.push(scope.list1[dragIndex]);
                    scope.list1.splice(dragIndex, 1);
                } else if (dragEl.hasClass('list2') && !dropEl.hasClass('list2') && reject !== true) {
                    scope.list1.push(scope.list2[dragIndex]);
                    scope.list2.splice(dragIndex, 1);
                }
                scope.$apply();
            }
        });
    }
};
});

我在qgraphicsScene上有2个自定义qgraphicsitems,由qgraphicsview呈现.现在我希望能够将2个项目中的一个拖放到另一个项目中.但是我应该为此重新实现哪些事件？文档在这方面有点混乱.

我还希望qgraphicsitem跳回原来的位置,如果用户将它拖到另一个区域,而不是它应该被丢弃的qgraphicsitem.

我有一个带有以下模板的ExtJS DataView：

<ul>
    <tpl for=".">
        <li class="report-field" id="{listId}">
            {[this.getReorderLinks(values, xindex, xcount)]}
            <span class="field-title small" data-qtip="{displayName}">{displayName}</span>
            <i class="field-remove" title="' + deleteLabel + '"></i>
        </li>
    </tpl>
</ul>

这使得每个项目列表如下所示：

用户可以在其中单击不同的图标并执行相关操作，依次向上/向下移动并删除。

请注意，这些项目是通过拖放操作添加到dataview的，这里还有另一个源dataview容器，我可以从中拖动这些项目并添加到此处。虽然这些向上/向下箭头可以很好地对它们进行重新排序，但我想在内部使用拖放功能对这些项目进行重新排序。

因此，为了使每个项目都可在同一区域中拖放，我使用refreshdataview事件和在此处注册的DND如下：

listeners: {
    'refresh': function(dataview, eOpts) {
        var fieldsList = Ext.query('.added-field');

        // Iterate over the list and make each item draggable/droppable.
        Ext.each(fieldsList,function(field){
            var dragSource,
                fieldId;

            fieldId = field.id;

            dragSource = new Ext.dd.DragSource(field, {
                isTarget  : false
            });

            dropZone = new Ext.dd.DropTarget(field);

            dragSource.dragData = {
                record: me.viewStore.findRecord('listId', fieldId),
                fieldId: fieldId
            }; …

您好，我正在尝试将div从div（li个项目）拖动到html画布上。我对辅助克隆有问题。

当我简单地拖动没有助手的项目时，它会将其拖放到画布上，但是当我使用助手克隆时，它不会将项目拖放到画布上。我附上了小提琴，请检查一下。

的HTML

<ul id="drag">
    <li class="new-item">Drag me down1</li>
    <li class="new-item">Drag me down2</li>
    <li class="new-item">Drag me down3</li>
</ul>
<canvas id="myCanvas" width="200" height="200" style="border:1px solid #000000;"></canvas>

JS

$("#drag li").draggable({
    helper: 'clone'
});

JS菲德尔

提前致谢。

我在GroupableHeader中实现代码并尝试启用允许的重新排序,但我有两个问题:

1:拖动列时,标题没有看到列
2:如何限制列 的拖动区域以防止列的列退出

我不明白为什么标题在列拖动时看不到,我读了表头api但没有找到任何解决方案.解决这些问题的任何想法？

我按照这里的教程:http://www.tutorialspoint.com/android/android_drag_and_drop.htm 我想在屏幕上绘制一个可拖动的图像.我在我的xml文件中添加了一个FrameLayout,并在其中添加了图像.问题是DragEvent.ACTION_DROP永远不会被调用.我确保在我的容器framelayout上实现onDrag并返回true,但它仍然没有被调用.

//MainActivity.java
public class MainActivity extends Activity {
ImageView ima;
private static final String IMAGEVIEW_TAG = "Android Logo";
private android.widget.FrameLayout.LayoutParams layoutParams;
String msg;
int x_cord = 0;
int y_cord = 0;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    FrameLayout container = (FrameLayout) findViewById(R.id.container);

    container.setOnDragListener(new OnDragListener() {

        @Override
        public boolean onDrag(View arg0, DragEvent arg1) {
            return true;
        }

    });

    ima = (ImageView) findViewById(R.id.iv_logo);
    ima.bringToFront();
    ima.setTag(IMAGEVIEW_TAG);

    ima.setOnLongClickListener(new View.OnLongClickListener() {
        @Override
        public boolean onLongClick(View v) {
            ClipData.Item item …

我正在努力将uilabl从一个视图拖放到另一个视图.请检查以下代码并帮助我.

  CGPoint point = [[[event allTouches] anyObject] locationInView:self.view];
  UIControl *control = sender;
  control.center = point;

使用下面的代码无法正确拖动.