由网友(爱扯淡的苏格拉底)分享简介:我已经苦苦挣扎了一段时间,试图找到使用avadin打印输出/生成文档的方法。我已经尝试使用下面的代码,但这会打印所有组件。我只想打印特定的表单或布局。UI.getCurrent().getElement().executeJs("print();")有人能给我带路吗?推荐答案您需要一些css(与上述here方法类...![Vaadin Web应用开发教程 17 UI组件 Select 组件](https://p.xsw88.cn/allimgs/daicuo/20230903/1851.png)
我已经苦苦挣扎了一段时间,试图找到使用avadin打印输出/生成文档的方法。 我已经尝试使用下面的代码,但这会打印所有组件。我只想打印特定的表单或布局。
UI.getCurrent().getElement().executeJs("print();")
有人能给我带路吗?
推荐答案
![Vaadin Web应用开发教程 17 UI组件 Select 组件](https://p.xsw88.cn/allimgs/daicuo/20230903/1851.png)
您需要一些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
并将上述样式放置在那里。
相关推荐
最新文章