Vaadin网格按钮下的弹出视图

Question

因此，我认为这可能与StreamSource有关，但我无法完全找到问题所在。实际上，我有一个Vaadin网格，它从SQL数据库中检索数据。“Image”列保存上传的图像的BLOB值（成功方法）。

我试图做的是允许用户单击表中的按钮，并在弹出视图中显示该图像。

我的ViewExpenses类：

aGrid.addColumn(reciept -> "Receipt", new ButtonRenderer<>(clickEvent ->{
        new ButtonRenderer<>(clickEvent ->{

                Window window = new Window();
                window.setModal(true);
                window.addCloseShortcut(ShortcutAction.KeyCode.ESCAPE, null);
                UI.getCurrent().addWindow(window);
                Expenses anExpense = aGrid.getSelectionModel().getSelectedItems().stream().findFirst().get();
                long anID =  anExpense.getId();
                System.out.println(anID);
                StreamResource.StreamSource streamSource = (StreamResource.StreamSource)aController.getImage(anID);
                System.out.println("4");
                StreamResource streamResource = new StreamResource(streamSource,"");
                Embedded embedded = new Embedded("",streamResource);
                System.out.println("5");
                Image anImage = new Image("Reciept", streamResource);
                window.setContent(anImage);
                anImage.setSizeFull();
                window.setSizeFull();

            })
    );

我的后端DbController类获取图像的方法：

 public InputStream getImage(long anIndex){
    InputStream binaryStream = null;
    try{Statement stmt = null;
        int intIndex = (int) anIndex;
        //connect to database
        Class.forName("org.h2.Driver");
        Connection conn = DriverManager.
                getConnection("jdbc:h2:mem:Users", "sa", "");
        System.out.println("Connected database successfully...");
        //insert data
        System.out.println("Getting expenses from the database...");
        stmt = conn.createStatement();
        ResultSet resultSet = stmt.executeQuery("SELECT * FROM EXPENSES");
        Blob imageBlob = resultSet.getBlob(intIndex);
        binaryStream = imageBlob.getBinaryStream(0, imageBlob.length());


    }


        catch (Exception e){

        }
        return binaryStream;
    }

这件事让我挠头已经有一段时间了，如果有任何帮助，我将不胜感激。

Answer 1

您永远不会显示PopupView。然后，当单击按钮时，侦听器初始化一个新的PopupView，但不对其执行任何操作。

您可以：

>

单击按钮时打开一个模态窗口：

Window window = new Window();
window.setModal(true);
window.addCloseShortcut(KeyCode.ESCAPE, null);
UI.getCurrent().addWindow(window);
Image anImage = ...
window.setContent(anImage);
anImage.setSizeFull();
window.setSizeFull();

使用渲染弹出视图的组件渲染器。

grid.addColumn(x->new PopupView(...))
  .setRenderer(new ComponentRenderer())

（注意使用组件渲染器会影响性能，按钮渲染器更轻）。