如何在与事件 Vaadin 不同的类中建立点击侦听器

Question

我对 Vaadin 和 v-Leaflet 非常陌生。我创建了一个组件，它获取一些 geojson 数据并将其放在地图上。我可以单击任何多边形/多多边形并以通知的形式取回一些信息。问题是，我需要获取这些信息并单击事件，并让它影响它们自己独立类中的其他 4 个独立组件。在过去的两天里，我一直在为此绞尽脑汁，但似乎无法理解。

这是我的地图/点击事件：

private LMap map;
        String filePath = this.getClass().getResource("/fccpeasgeo.json").getPath();
        File file = new File(filePath);
        //ArrayList<String> peaNames = new ArrayList<String>();



        //@Override
        public LMap createMap() {

            map = new LMap();

             FeatureJSON io = new FeatureJSON();
                try {
                    long currentTimeMillis = System.currentTimeMillis();
                    // Look ma, no proxy needed, how cool is that!
                    FeatureCollection fc = io.readFeatureCollection(file);
                    Logger.getLogger(LeafletMap.class.getName()).severe("Download in " + (System.currentTimeMillis() - currentTimeMillis));
                    currentTimeMillis = System.currentTimeMillis();

                    FeatureIterator iterator = fc.features();
                    try {
                        while (iterator.hasNext()) {
                            Feature feature = iterator.next();
                            final String name = feature.getProperty("PEA_Name").getValue().toString();
                            final String population = feature.getProperty("POPs_2010").getValue().toString();
                            Geometry geometry = (Geometry) feature.getDefaultGeometryProperty().getValue();

                            // The geojson provided in example is rather complex (several megabytes)
                            // Use JTS to simplyfy. Note that it is rather easy to use 
                            // different settings on different zoom levels, as well as decide
                            // to drop the feature form client altogether
                            geometry = DouglasPeuckerSimplifier.simplify(geometry, 0.2);

                            // In this example can be Polygon/Multipolygon
                            Collection<LeafletLayer> toLayers = JTSUtil.toLayers(geometry);
                            for (LeafletLayer l : toLayers) {
                                map.addComponent(l);
                                if (l instanceof LPolygon) {
                                    LPolygon lPolygon = (LPolygon) l;
                                    lPolygon.addClickListener(new LeafletClickListener() {

                                        @Override
                                        public void onClick(LeafletClickEvent event) {
                                            Notification.show("PEA: " + name + " Population: " + population);
                                        }
                                    });
                                }
                            }
                        }
                        Logger.getLogger(LeafletMap.class.getName()).severe("Reducing and creating layers " + (System.currentTimeMillis() - currentTimeMillis));

                    } finally {
                        iterator.close();
                    }

                } catch (MalformedURLException ex) {
                    Logger.getLogger(LeafletMap.class.getName()).log(Level.SEVERE, null, ex);
                } catch (IOException ex) {
                    Logger.getLogger(LeafletMap.class.getName()).log(Level.SEVERE, null, ex);
                }

            map.zoomToContent();
            //map.setCenter(40, -95.2);
            //map.setZoomLevel(2.5);
            LTileLayer tf = new LTileLayer();
            tf.setUrl("http://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}.png");
            tf.setSubDomains(new String[]{"a", "b", "c"});
            tf.setActive(true);
            map.addBaseLayer(tf, "ThunderForest Transport");

            return map;

        }

这是将接收事件的组件之一。

public Chart mhzPerSqMile() {
        Chart chart = new Chart();


        run();

        chart.setCaption("Total MHz Per Square Mile");
        chart.getConfiguration().setTitle("");
        chart.getConfiguration().getChart().setType(ChartType.PIE);
        chart.getConfiguration().getChart().setAnimation(false);
        chart.setWidth("100%");
        chart.setHeight("90%");

        DataSeries series = new DataSeries();

        @Override
        public void propertyChange(PropertyChangeEvent evt) {
            if (evt.getPropertyName()!=null)
            {
                if (evt.getPropertyName().equals("abcTask"))
                {

                }
             }


        for (int i = 0; i < 5; i++) {
            Operator operator = operators.get(i);
            if (selectedPea != null) {
                if (operator.getPeaName().toLowerCase() == selectedPea.toLowerCase()){
                    DataSeriesItem item = new DataSeriesItem(operator.getName(),
                    operator.getTotalMHzSqMile());
            series.add(item);
            item.setColor(DummyDataGenerator.chartColors[i]);
        }
            }
            }
        chart.getConfiguration().setSeries(series);
        PlotOptionsPie opts = new PlotOptionsPie();
        opts.setBorderWidth(0);
        opts.setShadow(false);
        opts.setAnimation(false);
        chart.getConfiguration().setPlotOptions(opts);

        Credits c = new Credits("");
        chart.getConfiguration().setCredits(c);


        return chart;
    }
    }
}

任何建议将不胜感激！

Answer 1

我认为您只需要触发具有任何特定名称（事件名称）的属性，并且您的所有侦听器类都已实现 PropertyChangeListener 触发每个 fireProperty() 调用，显然您在那里匹配您的事件名称，因此收到这样的属性更改后，你们 4 个班级都会执行他们的任务

您需要为当前实例注册PropertyChangeSupport

PropertyChangeSupport pcs = new PropertyChangeSupport(this);

您将进一步使用此对象来触发您的事件

触发事件

//this firing code will probably go inside your click method that actually causes an event to occur
    pcs.firePropertyChange("abcTask", oldValue, newValue);

接收事件

@Override
    public void propertyChange(PropertyChangeEvent evt) 
    {
        if (evt.getPropertyName()!=null)
        {
            if (evt.getPropertyName().equals("abcTask"))
            {
                //perform task
            }
         }
     }