我一直在努力让拖放在 GWT 中工作。过去 3 天,我试图创建一个基本的拖放应用程序,但失败了。目前我可以拖动它,但我无法拖放到任何位置。
我们该如何解决?我们是否需要修改 onDragEnd - 我的印象是,除非我特别需要做某事,否则我不必这样做?我很困惑。
另外,如何将下降限制在任何单个区域?我明白我们可以使用 DropController 来做到这一点。但是我已经使用 UiBinder 定义了面板,那么如何让该面板返回到 DropController 中的链接?即 RootPanel.get() 给了我基本的根面板,而不是我想要的实际面板。我尝试了 RootPanel.get("field-id"),但即使该 id 可用,它也显示为 null。我究竟做错了什么?
我写的代码如下:
public class TestPanel extends Composite implements
DragHandler, HasMouseDownHandlers, HasMouseUpHandlers, HasMouseMoveHandlers, HasMouseOutHandlers {
interface Binder extends UiBinder<Widget, TestPanel> { }
private static final Binder binder = GWT.create(Binder.class);
@UiField AbsolutePanel absolutePanel;
private PickupDragController TestDragController;
private Image img = new Image("./testicon.png");
public TestPanel(){
initWidget(binder.createAndBindUi(this));
absolutePanel.add(img);
TestDragController = new PickupDragController(RootPanel.get(), false);
AbsolutePositionDropController dropController = new AbsolutePositionDropController(
RootPanel.get());
TestDragController.registerDropController(dropController);
TestDragController.addDragHandler(this);
TestDragController.makeDraggable(this, getDragHandle());
}
private Widget getDragHandle() {
return img;
}
@Override
public void onDragEnd(DragEndEvent event) { }
@Override
public void onDragStart(DragStartEvent event) { }
@Override
public void onPreviewDragEnd(DragEndEvent event) throws VetoDragException { }
@Override
public void onPreviewDragStart(DragStartEvent event) throws VetoDragException { }
@Override
public HandlerRegistration addMouseDownHandler(MouseDownHandler handler) {
return addDomHandler(handler, MouseDownEvent.getType());
}
@Override
public HandlerRegistration addMouseUpHandler(MouseUpHandler handler) {
return addDomHandler(handler, MouseUpEvent.getType());
}
@Override
public HandlerRegistration addMouseMoveHandler(MouseMoveHandler handler) {
return addDomHandler(handler, MouseMoveEvent.getType());
}
@Override
public HandlerRegistration addMouseOutHandler(MouseOutHandler handler) {
return addDomHandler(handler, MouseOutEvent.getType());
}
}
并且测试面板 uibinder 如下所示:
<g:AbsolutePanel ui:field="absolutePanel" styleName="{style.panel}">
</g:AbsolutePanel>
如果有人可以帮助我,我将非常感激。
ķ
PS:解释更多:我能够通过更新 onDragEnd 来解决第一个问题,如下所示:
@Override
public void onDragEnd(DragEndEvent event) {
DragContext context = event.getContext();
RootPanel.get().add(context.draggable, context.desiredDraggableX, context.desiredDraggableY);
}
但是,我不确定这是否是正确的解决方案——因为我认为我不应该自己做定位。