如何限制Smart GWT中的拖动?

时间:2016-06-23 14:44:54

标签: javascript gwt drag-and-drop drag smartgwt

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

  

addDragRepositionStartHandler,   addDragRepositionMoveHandleraddDragRepositionStopHandler

处理程序。

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

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

感谢任何形式的帮助。

1 个答案:

答案 0 :(得分:0)

看一下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. addDropOverHandleraddDropOutHandleraddDropHandler方法允许您向此LabelCanvas对象添加所需的处理程序,以生成所需的结果。
  3. DragPiece只是具有setCanDragReposition(true)setCanDrop(true)的Img的子类,因此该元素是可拖动的。