Question

我正在为现有的vaadin应用程序开发一个GWT小部件，到目前为止一切都很好，直到我需要从客户端调用服务器端函数并从中获取值到客户端。

更详细的问题：有一个服务器端函数从连接的数据库中获取某些值。现在我想从客户端访问此功能，因为我需要值来更新小部件中的内容。

根据Vaadin和GWT文件，您应该使用RPC来实现此目的，我已经在服务器端实现了多个功能，基本上是相反的（从服务器向客户端发送内容，从服务器代码等启动客户端函数调用。）

根据我的理解，我应该使用rpc在服务器上调用void返回函数（我无法工作的部分）然后我可以在服务器上使用server =＆gt;客户端rpc将该值发送回客户端（已经工作）

这是明确的解决方案，如果是，我如何正确实现client =＆gt;服务器部分如果没有，那会是一个好的解决方案吗？

我已尝试https://vaadin.com/wiki/-/wiki/Main/Sending+events+from+the+client+to+the+server+using+RPC之类的内容但不知道怎么能弄清楚如何在widget类中而不是在连接器类中调用该方法似乎有些东西不见了？这甚至是正确的方法吗？

当前代码的一部分：

DrawwServerRPC

public interface DrawwServerRPC extends ServerRpc {
   public void updateE(String e);
}

服务器上的Draww.java的相关部分

protected DrawwServerRPC = new DrawwServerRPC () {
    public void updateE(String e){
        // gets some values from a db and then sends them back to the client 
        // via rpc (both points working fine)
    }
};

public Draww() {
    registerRpc(rpc);
}

连接器类的一部分，这应该在调用DrawwWidget类（客户端）中的特定方法时调用，而不是在单击时调用

getWidget().addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            final MouseEventDetails mouseDetails = MouseEventDetailsBuilder
                .buildMouseEventDetails(event.getNativeEvent(),
                            getWidget().getElement());
            rpc.updateE("test");
        }
    });

所以我的主要问题是，当调用Client上DrawwWidget类中的特定函数时，我现在如何正确访问此方法（最有可能通过连接器方法）？

然后我如何将值从客户端方法传递到连接器（甚至服务器端）方法？ =＆GT;需要以某种方式从客户端代码（通过使用connector / rpc）调用服务器上的updateE方法

修改：所以，根据我从Mika的回答和this

添加了一个界面

public interface customListener {
    void customEvent (String s);
}

调整了DrawwWidget：

public class DrawwWidget extends Label{
private customListener MyListener;
//...
private void someFunction() {
    String something = ...;
    if (myListener != null) myListener.customEvent(something);
    }

public void setMyListener(customListener listener) {
    this.myListener = listener;
    }

}

最后在连接器类中实现了侦听器：

public class DrawwConnector extends AbstractComponentConnector implements customListener {
DrawwServerRpc rpc = RpcProxy.create(DrawwServerRpc.class, this);
public DrawwConnector () {
    //lots of irrelevant Server => Client rpc things
    getWidget().setMyListener(this);
}

@Override
public void customEvent(String s) {
    rpc.doSomething(s);
}

现在我可以打电话给服务器端＆＃34; doSomething＆＃34;通过使用＆＃34; customEvent（String s）＆＃34;来自我想要的小部件中的方法。方法

Answer 1

您可以使用自定义小部件或javascript扩展与客户端进行交互。对于可见组件，自定义小部件通常是合适的解决方案。

您可以在客户端遵循类似的约定，因为Vaadin通常在服务器端跟随并从连接器向您的窗口小部件注册侦听器。例如：

@Override
protected Widget createWidget() {
    MyWidget widget = GWT.create(MyWidget.class);
    widget.addMyListener(new MyListener() {
        @Override
        public void onSomeEvent(ClientData data) {
            rpc.onEventFromClient(data);
        }
    });
    return widget;
}

Widget是一个GWT组件，通常可以找到一些可以扩展的现有GWT组件。如果没有，则可以从窗口小部件创建纯HTML元素，对此的良好引用是现有GWT组件的源代码。

以下是包含文本的窗口小部件示例，您可以单击窗口小部件。

import com.google.gwt.user.client.ui.Label;
// ... only relevant imports included
public class MyWidget extends Label {
    private List<MyListener> listeners = new ArrayList<MyListener>();

    public MyWidget() {
        addStyleName("m-my-label");
        // Add GWT event listeners for events that you want to capture.
        addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                notifyListeners();
            }
        });
    }

    private void notifyListeners() {
        for (MyListener listener : listeners) {
            listener.onSomeEvent(new ClientData("Hello from widget"));
        }
    }
}

客户=）与Vaadin + GWT的服务器通信

1 个答案: