Question

我在网格单元格中有一个图像，我想将放大的图像显示为工具提示。应该可以使用＆＃34; setDescriptionGenerator＆＃34;。我尝试了以下方法：

push notifications

但是我得到的错误是我无法返回图像。似乎用＆＃34; setDescriptionGenerator＆＃34;我只能设置一个字符串。是否可以编写自定义描述生成器？请举个例子。

感谢您的帮助！

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;
        });

Answer 2

从the previous answer开始，您还应该设置一个descriptionGenerator并同时传递ContentMode.HTML

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;
}, ContentMode.HTML);

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

2 个答案: