JS回调到Vaadin组件

使用Vaadin提供的JavaScript RPC机制

在Vaadin中，可以通过JavaScript RPC机制实现JS回调到Vaadin组件的功能。具体步骤如下：

1. 在Vaadin组件中定义一个接口，用于定义要回调的方法。

public interface MyComponentRpc extends ServerRpc {
    void myCallback(); // 定义回调方法
}

2. 将该接口绑定到Vaadin组件上。

public class MyComponent extends AbstractComponent {
    public MyComponent() {
        registerRpc(new MyComponentRpc() {
            @Override
            public void myCallback() {
                // 回调方法的具体实现
            }
        });
    }
}

3. 在客户端（JS）中，使用Vaadin提供的RpcProxy对象来调用该接口中的方法。

var myComponent = // 获取组件对象
myComponent.myCallback(); // 调用回调方法

注意事项：

• 在使用RpcProxy对象时，需要指定要调用的方法名称与参数。
• 在声明接口时，需要继承ServerRpc接口。
• 在向组件注册接口时，需要创建一个实现该接口的匿名内部类，并将其作为参数传递给registerRpc方法。

参考文献：Vaadin Documentation - RPC.