嗨，伙计们，我写了一篇关于用SAPUI5和FIORI将纸质表格转换成数字表格的博客https://blogs.sap.com/2018/08/27/transform-your-paper-forms-into-digital-forms-using-sapui5/

以下是我在上述博客中开发的一个数字表单示例。

然后是即时消息问题来了我怎么在日常业务中使用这样的形式，但（如使它提供给供应商）？你们提供PDF导出吗？还是用户从浏览器打印出来？

这个问题是正确的，对吧？是的，它是有效的。如果我们没有PDF导出或打印选项，供应商将如何使用它？

所以在这个博客中，云主机，我想解释如何在SAPUI5/SAP FIORI中为数字表单提供打印功能。

在您的XML视图中，大数据精准，只需放置一个打印按钮，如下所示。

print（）方法打开打印对话框，让用户选择首选的打印选项。

让我们看看结果

打印工作正常，但在顶部，我们得到的打印和下载按钮，这是不需要的客户对吗？

使用窗口.打印（）；我们可以打印当前窗口.it是指整个页面。

但有时我们只需要页面上的特定区域，以避免类似的按钮。

通过使用上述代码，我可以在我的HTML中打印特定区域。

$（".printAreaBox"）.HTML（）；将给出所选区域的HTML。printAreaBox是HTML选择器（我们可以在这里使用CSS类或DIV id）。

我们只是用HTML的特定区域构造一个简单的HTML。

创建一个窗口对象：var win=打开新窗口（""，"PrintWindow"）；

将html写入窗口对象：win.document.write文件（htmlpage）；

现在打印并停止窗口：win.print公司();                                                    赢。停();

让我们看看结果

哦，我的天啊，现在我可以从我的HTML打印我需要的东西，但不好的是我的HTML页面没有附带CSS打印.so它看起来很难看。

我们错过的是当我们构建HTML时，我们没有包含CSS。

让我们在构建HTML时包含CSS。

添加之后样式.css不过，我的指纹看起来不太好有点挑战性的是，当我们使用SAPUI5开发表单时，我们使用SAPUI5框架提供的默认库CSS。

对于打印，我们正在构建HTML并添加自定义的样式.css没有这个默认的CSS库。

现在我想出了4种不同的方法来解决这个问题。

1）添加更多的CSS到样式.css这使得页面中的表单和打印都是一样的

在页面中编写自定义CSS样式.css并为这个CSS应用打印媒体查询。

如果我们在@media print中编写了CSS，它将只在print中应用。

2）复制默认库CSS并粘贴到样式表

您可以通过在开发人员工具中检查我们的应用程序来找到默认库CSS。

复制此CSS并粘贴到样式.css

3）定义一个HTML视图，然后在HTML视图中复制过去的库CSS，并在我们的主视图中将此视图称为子视图。

而不是在我们的自定义视图中放置默认库CSS样式.css我们可以创建HTML类型视图并放置复制的文件库.css在里面。现在将这个视图作为子视图包含在我们的实际视图中。

4）动态地，我们可以得到应用于我们页面的CSS文件，这些CSS链接可以添加到我们的打印HTML中。

在上述所有情况下，大数据的内容，我们使用自定义CSS库.css通过复制和粘贴

但是在这种情况下，通过使用脚本我们可以得到库.css动态添加并包含在打印内容中。

我在Stackoverflow中发布了一个关于如何在打印中使用SAPUI5默认CSS的问题

我得到了一些更有用的好答案。

请在"var win…"和win.document.write文件"…"

现在让我们看看结果

哇，淘客推广渠道，我们得到了一个好结果打印

完成了吗？

不，我们还有一个问题。

窗口.打印在浏览器中工作正常，但在SAP Fiori客户端中不工作

大多数SAPUI5应用程序将在SAP Fiori客户端的帮助下用于平板电脑和移动设备。

为此，我们有用于打印的Cordova插件。

使用这条线我们可以检查设备是台式机还是平板电脑。

sap.ui.Device设备.系统桌面；

所以基于这个值，如果设备是桌面使用，物联网教室，我们可以写条件窗口.打印

如果设备是平板电脑使用cordova.plugins.printer文件.print

Hop这个博客对打印表单很有用。

谢谢&敬，

斯里尼瓦斯·加迪利