GWT 中的自定义插件事件

Question

我们编写了一个浏览器插件。它会触发“mycustomevent”等自定义事件。我需要将这些自定义事件合并（即为其分配侦听器）到 GWT 中。这是我在 GWT 中的插件类。

class PluginObject extends Composite implements HasMyCustomEventHandler{
    private Element plugin;
    private HTML html;
    private HandlerManager handlerManager;

    public PluginObject(){
        handlerManager = new HandlerManager(this);
        html = new HTML("<object id='plugin0' type='application/x-ourplugin' width='300' height='300'>"
                       +"<param name='onload' value='pluginLoaded' />"
                       +"</object>");
        initWidget(html);
        plugin = html.getElement().getFirstChildElement();
    }
}

以下是我将其添加到视图中的方法（我正在使用 gwtp）。它正在添加并且在页面中正常运行，我可以使用 JSNI 从 gwt 调用它的 js 函数。

@Inject
public MyPageView(){

    ...
    plugin = new PluginObject();
    panel.add(plugin);
}

我需要能够为从插件触发的事件分配处理程序。我希望能够在我的演示者中执行以下操作，但到目前为止我还无法将其连接起来。

@Override
protected void onBind(){
    super.onBind();
    registerHandler(getView().getPluginObject().addMyCustomEventHandler(
        new MyCustomEventHandler() {
            @Override
            public void onMyCustomEvent(MyCustomEvent event) {
                // call some other presenter stuff here...
            }
        }));
}

上面提到了一些额外的类。我定义了一个 MyCustomEvent 类、一个扩展定义的 EventHandler 的 MyCustomEventHandler 接口以及一个扩展定义的 HasHandlers 的 HasMyCustomEventHandler 接口，但将它们全部连接起来后我什么也没得到。为了简洁起见，我省略了它们，我很乐意添加任何可能有帮助的内容。

我可以在裸js中添加事件监听器。

obj.addEventListener("mycustomevent", function(){ foo(); }, false);

并每次捕获事件（foo() 被调用），因此我确信事件正在被触发。

我尝试将以下内容添加到我的 PluginObject 类中，但这只是我从搜索到的内容中猜测的。但它没有起作用。

public HandlerRegistration addMyCustomEventHandler(MyCustomEventhandler handler){
    return handlerManager.addHandler(MyCustomEvent.TYPE, handler);
}

这里正确的方法是什么？

Answer 1

这是我最终在 PluginObject 中所做的事情。我很想听听改进它的方法。我对 subscribeToBrowserEvents() 和对“this”的引用挂断了一段时间。最初，我调用 addEvent 方法并引用

this.@....

Which 在运行时引用了错误的位置。有关此问题的更多信息，请参阅这段 JSNI 文档。享受。

class PluginObject extends Composite implements HasMyCustomEventHandler{

public PluginObject(){
    handlerManager = new HandlerManager(this);

    html = new HTML("<object id='plugin0' type='application/x-myplugin' width='300' height='300'>"
                         +"<param name='onload' value='pluginLoaded' />"
                         +"</object>");
    initWidget(html);
    plugin = html.getElement().getFirstChildElement();      
}

public void bindBrowserEvents(){
    subscribeToBrowserEvents(plugin);
}

public void eventHandlerMethod(String message){
    MyCustomEvent event = new MyCustomEvent(message);       
    fireEvent(event);
}
@Override
public void fireEvent(GwtEvent<?> event){
    handlerManager.fireEvent(event);
}

public native void subscribeToBrowserEvents(Element eventObject) /*-{

    var pluginReference = this;

    // bind the listener
    function addEvent(obj, name, func)
    {
        if (window.addEventListener) {
            obj.addEventListener(name, func, false); 
        } else {
            obj.attachEvent("on"+name, func);
        }
    }

    addEvent(eventObject.br,'mycustomevent', 
        function(message){
            [email protected]::eventHandlerMethod(Ljava/lang/String;)(message);
        });
}-*/;

@Override
protected void onAttach(){
    super.onAttach();
    // bind in the onAttach, it was not working earlier. I assume the plugin needs to exist before the bindings will work  
    bindBrowserEvents();
}

@Override
public HandlerRegistration addMyCustomEventHandler(MyCustomEventHandler handler)
{ 
    return handlerManager.addHandler(MyCustomEvent.TYPE, handler);
}
}