SAPUI5中的分页符

时间:2015-03-17 11:04:43

标签: javascript html css printing sapui5

在SAPUI5中创建特定分页符的最佳做法是什么?它实际上是否可行?

经典CSS属性page-break-afterpage-break-before在我的案例中似乎不起作用。例如,我有两个sap.m.VBox元素,我在它们附加了一个CSS类,它在打印时指定page-break-after: always !important;,但没有任何反应。如果我加 * {overflow-x: visible !important; overflow-y: visible !important;}然后如果它不适合一个页面,它将会破坏并继续在下一页中绘制内容,但它在IE中不起作用。

我尝试过添加一个空的div元素作为分页符指示符,但CSS仍然无法执行任何操作。我想这是因为SAPUI5中的所有内容都放在一个内容div中。

2 个答案:

答案 0 :(得分:0)

您可以通过在中间添加空元素来解决此问题。

如果您想要200像素高的中断,您的网页内容可能如下所示:

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

当然,您可能希望将面板背景颜色设置为透明;)

答案 1 :(得分:0)

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

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