繁体   English   中英

GWT:TextField的拖放事件?

[英]GWT: Drag&Drop Event for TextField?

我想知道如何监听TextField的drop事件。 我需要拦截该事件以便进行值检查。

我写了一个扩展的TextBox ,它触发了TextChangeEvents 但是,当我将文本放入文本字​​段时,我没有调用onBrowserEvent(Event event)方法。

有什么提示吗?

public class ExtendedTextBox extends TextBox {

    /**
     * Creates an empty extended text box.
     */
    public ExtendedTextBox() {
        super();

        // Catch the browser events.
        sinkEvents(Event.ONKEYUP);
        sinkEvents(Event.ONPASTE);

    }

    @Override
    public void onBrowserEvent(Event event) {
        super.onBrowserEvent(event);
        System.out.println(event.getTypeInt());

        switch (event.getTypeInt()) {
            case Event.ONKEYUP:
            case Event.ONPASTE: {
            // Fire the event after the text box shows the new data.
            Scheduler.get().scheduleDeferred(new ScheduledCommand() {

                @Override
                public void execute() {
                    fireEvent(new TextChangeEvent(ExtendedTextBox.this.getText()));
                }
            });
            break;
        }
        default:
        }
    }

    /**
     * Add a given {@link TextChangeEventHandler} to the widget.
     * 
     * @param handler
     *            the handler
     * @return {@link HandlerRegistration} used to remove the handler
     */
    public HandlerRegistration addTextChangeEventHandler(TextChangeEventHandler handler) {
        return addHandler(handler, TextChangeEvent.TYPE);
    }
}

TextBox应该触发一个ChangeEvent (或ValueChangeEvent目前尚不知道)。 因此,您可以轻松地在构造函数中执行以下操作:

this.addChangeHandler(new ChangeHandler ...

如果这还不够,您还可以收听Focus事件。

谢谢你的帮助。 我今天自己弄清楚了,它很简单。 我没有注意到,已经有了DropHandler

例如,您可以在构造函数中执行此操作:

addDropHandler(new DropHandler() {

    @Override
    public void onDrop(DropEvent event) {
        if(!event.getDataTransfer().getData("text/plain").isEmpty()) {
            Scheduler.get().scheduleDeferred(new ScheduledCommand() {

                @Override
                public void execute() {
                    fireEvent(new TextChangeEvent(ExtendedTextBox.this.getText()));
                }
            });
        }

    }
});

为了防止TextField的默认行为,只需添加event.preventDefault(); 现在,您可以通过调用event.getDataTransfer().getData("text/plain")进行输入,并进行输入验证等。

作为副作用,现在通过将某些内容放入文本字​​段来调用onBrowserEvent(Event event)方法。 但是int类型是-1 ,所以在这个地方并没有太大帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM