1

考虑以下小部件。我将其中两个添加到我的页面中。第一个获得名称“widget1”，第二个获得名称“widget2”。它应该给出自己的名字，但从 javascript 调用。（这个例子没有任何意义，但只是一个简单的例子来弄清楚它是如何完成的。）

public class MyComponent extends Composite{

    String name;
    public MyComponent(String name) {
        this.name =name;

        Button b = new Button(name);
        b.addClickHandler(new ClickHandler() {

            @Override
            public void onClick(ClickEvent event) {
                myonclick();

            }
        });
        initWidget(b);
        declareMethod(this);
    }

    public native void declareMethod(MyComponent myWidget) /*-{
            $wnd.myWidget = myWidget;

    }-*/;

    public native void myonclick() /*-{
        $wnd.myWidget.@de.jsni.test.client.MyComponent::doSomething()();
    }-*/;

    public void doSomething() {
        Window.alert(name);
    }
}

我现在的问题是：两个按钮都会提示消息“widget2”。那是因为我覆盖了“declareMethod”中的“myWidget”变量。如何归档调用正确对象的 doSomething() 方法？我可以在这里使用某种命名空间方法吗？

4

2 回答 2

1

您遇到的问题是在MyComponent创建 a 时，$wnd.myWidget设置为引用该项目。因此，如果您创建MyComponent#1，然后创建MyComponent#2，您将始终拥有$wnd.myWidget等于MyComponent#2。

与其定义设置JS变量的方法，不如直接在native方法中引用window，如下：

public native void myonclick(MyComponent comp) /*-{
    comp.@de.jsni.test.client.MyComponent::doSomething()();
}-*/;

然后，在点击处理程序中，调用myonclick如下：

@Override
public void onClick(ClickEvent event) {
     myonclick(MyComponent.this);
}

我认为这应该有效。如果有任何问题，请告诉我，我会尽力提供帮助。

更新：您可以尝试以下方法，但老实说，我不知道它是否能很好地与外部 JavaScript 配合使用。我从来没有真正需要完成这个用例。

public native void myonclick() /*-{
    this.@de.jsni.test.client.MyComponent::doSomething()();
}-*/;
于 2013-06-13T21:09:40.477 回答
0

我现在通过接收我感兴趣的事件来解决我的问题，例如：构造函数中的 sinkEvents(Event) 并在我的 onBrowserEvent(Event e) 方法中处理它们。对于我的问题，这是一种更简单、更方便的方法。

于 2013-06-17T17:40:07.430 回答