如何在独立于event Vaadin的类中建立点击监听器

Question

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

下面是我的map/ click事件：

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

我认为您只需要触发一个具有任何特定名称(事件名称)的属性，并且您的所有侦听器类都实现了在每次fireProperty()调用时触发的PropertyChangeListener，显然您正在匹配您的事件名称，因此所有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
            }
         }
     }