MyComponent

最新推荐文章于 2023-03-21 08:30:00 发布

转载最新推荐文章于 2023-03-21 08:30:00 发布 · 420 阅读

本文介绍了一个使用Vaadin框架创建的自定义组件示例，该组件通过客户端JavaScript与服务器端Java之间的交互实现动态更新。文章展示了如何为Vaadin组件添加点击事件监听器，并在事件触发时更新组件状态及通知监听器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

package com;

import com.google.gwt.json.client.JSONArray;
import com.google.gwt.json.client.JSONException;
import com.vaadin.annotations.JavaScript;
import com.vaadin.ui.AbstractJavaScriptComponent;
import com.vaadin.ui.JavaScriptFunction;
import elemental.json.JsonArray;

import java.io.Serializable;
import java.util.ArrayList;

@JavaScript({"mylibrary.js", "mycomponent-connector.js"})
public class MyComponent extends AbstractJavaScriptComponent {

    public MyComponent() {
        addFunction("onClick", new JavaScriptFunction() {
            @Override
            public void call(JsonArray jsonArray) throws JSONException {
                setValue(jsonArray.getString(0));
                for (ValueChangeListener listener: listeners)
                    listener.valueChange();
            }
        });
    }

    public interface ValueChangeListener extends Serializable {
        void valueChange();
    }
    ArrayList<ValueChangeListener> listeners =
            new ArrayList<ValueChangeListener>();
    public void addValueChangeListener(
            ValueChangeListener listener) {
        listeners.add(listener);
    }
    public void setValue(String value) {
        getState().value = value;
    }
    public String getValue() {
        return getState().value;
    }
    @Override
    protected MyComponentState getState() {
        return (MyComponentState) super.getState();
    }
}