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; }