SAPUI5中的分页符

Question

在SAPUI5中创建特定分页符的最佳实践是什么，实际上有可能吗？

在我的情况下，经典CSS似乎无法在page-break-after和page-break-before进行分类。 例如，我有两个sap.m.VBox元素，并为它们附加了一个CSS类，该类指定page-break-after: always !important; 打印时，但没有任何反应。 如果我添加* {overflow-x: visible !important; overflow-y: visible !important;} * {overflow-x: visible !important; overflow-y: visible !important;}然后将打破，并继续绘制下页内容，如果它不在一个页面适合，但它不能在IE浏览器。

我也尝试过添加一个空的div元素，该元素可以用作分页符，但是CSS仍然无法执行任何操作。 我猜这是因为SAPUI5中的所有内容都放在一个内容div中。

Answer 1

您可以通过在两者之间添加一个空元素来解决此问题。

如果您想要200像素高的间隔，则页面内容应如下所示：

return new sap.m.Page({
content:[
oVBox1,
sap.m.Panel({height: "200px", width: "100%}),
oVBox2
]
});

当然，您可能需要将面板的背景色设置为透明;）

Answer 2

因为SAPUI5视图的属性显示设置为inline-block，所以将忽略“ page-break-after”。

只需使用自定义CSS覆盖相应类的CSS样式，它就可以工作： .sapUiView { display: block; } .sapUiView { display: block; }