Vaadin 8网格：如何将图像显示为网格单元格中的工具提示？

Question

我有一个网格单元格的图像，我想显示放大的图像作为工具提示。它应该可以用“setDescriptionGenerator”。我试过以下内容：

grid.addComponentColumn(probe -> { 
      Image image = new Image("", new ThemeResource("img/" + probe.getImage())); 
      image.setWidth(35, Unit.PERCENTAGE); 
      image.setHeight(35, Unit.PERCENTAGE); 

      return image; 
     }).setCaption("Structure").setDescriptionGenerator(probe -> { 
      Image image = new Image("", new ThemeResource("img/" + probe.getImage())); 

      return image; 
     }); 

但我得到错误，我无法返回图像。看来用“setDescriptionGenerator”我只能设置一个字符串。是否可以编写自定义描述生成器？请给我一个例子。

谢谢你的帮助！

Answer 1

只要你可以在这里只返回字符串类型，我会为您提供以下解决方法：

grid.addComponentColumn(probe -> { 
     Image image = new Image("", new ThemeResource("img/" + probe.getImage())); 
     image.setWidth(35, Unit.PERCENTAGE); 
     image.setHeight(35, Unit.PERCENTAGE); 

     return image; 
    }).setCaption("Structure").setDescriptionGenerator(probe -> { 
      String imgSource = "img/" + probe.getImage(); 
      String html = "<img src=\" " + imgSource + "\" width=\"100\" height=\"100\">"; 
      return html; 
     });