如何在Vaadin中打印组件？ [英] How to print a Component in Vaadin?

问题描述

我已经苦苦挣扎了一段时间，试图找到使用avadin打印输出/生成文档的方法。 我已经尝试使用下面的代码，但这会打印所有组件。我只想打印特定的表单或布局。

UI.getCurrent().getElement().executeJs("print();")

有人能给我带路吗？

推荐答案

您需要一些css(与上述here方法类似)，以便在调用打印时隐藏除需要打印的布局或组件之外的所有内容。

例如，假设您的视图中有以下两个div：

Div printable = new Div(new Span("printable"));
Div nonPrintable = new Div(new Span("nonPrintable"));

您可以为其中之一指定类名：

printable.addClassName("printable");

然后，您需要将以下css添加到全局作用域：

@media print {
  body, body * {
    visibility: hidden;
  }
  .printable, .printable * {
    visibility: visible;
  }
  .printable {
    position: absolute;
    left: 0;
    top: 0;
  }
}

注意，在Vaadin 14项目中，使用@CssImport注释最容易合并以前的CSS。例如，可以将以下注释添加到您的某个Java类中：

@CssImport("./shared-styles.css")

然后在{projecr-root-directory}/frontend目录下，您需要创建shared-styles.css并将上述样式放置在那里。

这篇关于如何在Vaadin中打印组件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！