在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;}
然后如果它不适合一个页面,它将会破坏并继续在下一页中绘制内容,但它在IE中不起作用。
我尝试过添加一个空的div
元素作为分页符指示符,但CSS仍然无法执行任何操作。我想这是因为SAPUI5中的所有内容都放在一个内容div中。
答案 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;
}