如何找出在一个GWT网格画布中选择了哪条线？

Question

我正在像这样在一个GWT网格Canvas上工作

我的gridCanvas对象的水平线代表路径。 此外，对象具有代表部分的垂直线。

我想知道如何获得用户的选择，例如，如果用户选择了路线或路段以及选择了哪个路线或路段。

这里是案例的屏幕截图 。

Answer 1

添加要侦听的事件，例如gridCanvas.addClickHandler(ClickHandler)并使用ClickEvent获取鼠标位置并计算用户单击的单元格。

gridCanvas.addClickHandler(new ClickHandler() {
   @Override
   public void onClick(ClickEvent event) {
       int row = event.getY() / getCellHeight();
       int col = event.getX() / getCellWidth();
   }
});

使用getX()和getY() ，您可以获得鼠标的位置。 由于构建了网格，因此还应该具有单元的宽度和高度。 有了这些信息，就很容易获得行和/或列。

我做了一个完整的样本，您可以在这里找到。

该示例已部署在此处 。