javascript - 如何在Smart GWT中限制拖动？

Question

我试图在 Canvas 中拖动 Canvas 。处理我正在使用的拖动事件

addDragRepositionStartHandler, addDragRepositionMoveHandler,addDragRepositionStopHandler

处理程序。

我需要在某些条件下限制拖动。假设我想在 public void onDragRepositionMove(DragRepositionMoveEvent event) 中的 event.getX() 超过 500 时限制拖动。

我尝试了event.cancel();，但它没有达到目的。我所需要的只是限制拖动。

感谢任何形式的帮助。

Answer 1

看看this展示演示。从演示中提取的一些相关代码:

    DragPiece green = new DragPiece("pawn_green.png"){  
        @Override  
        protected boolean setDragTracker() {  
            String html = Canvas.imgHTML("pieces/24/pawn_green.png", 24, 24);  
            EventHandler.setDragTracker(html);  
            return false;  
        }  
    };  
    green.setID("greenPiece");  
    green.setTitle("Green Piece");  
    green.setLeft(150);  
    green.setTop(50);  


    final Label label = new Label("Drop Here");  
    label.setLeft(250);  
    label.setTop(50);  
    label.setShowEdges(true);  
    label.setAlign(Alignment.CENTER);  
    label.setCanAcceptDrop(true);  
    label.addDropOverHandler(new DropOverHandler() {  
        public void onDropOver(DropOverEvent event) {  
            label.setBackgroundColor("#FFFF88");              
        }  
    });  

    label.addDropOutHandler(new DropOutHandler() {  
        public void onDropOut(DropOutEvent event) {  
            label.setBackgroundColor("#ffffff");  
        }             
    });  

    label.addDropHandler(new DropHandler() {  
        public void onDrop(DropEvent event) {  
            Canvas target = EventHandler.getDragTarget();  
            SC.say("You dropped the " +  target.getID());                 
        }             
    });  

关于此代码的一些注释:

1. 请注意如何使用标签来定义放置区域，但您也可以使用其他 Canvas 对象来实现此目的。
2. addDropOverHandler、addDropOutHandler 和 addDropHandler 方法允许您将所需的处理程序添加到此 Label 或 Canvas 对象来产生所需的结果。
3. DragPiece 只是 Img 的子类，它具有 setCanDragReposition(true) 和 setCanDrop(true)，因此元素是可拖动的。