javascript - SAPUI5 中的分页符

标签 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 中。

最佳答案

你可以通过在中间添加一个空元素来解决这个问题。

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

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

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

关于javascript - SAPUI5 中的分页符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29097484/

相关文章:

javascript - 在div中的rails显示中拉出帖子图像

javascript - 正则表达式,如何排除数字和“。”以外的所有字符-仅单个“。”允许

javascript - JQGrid子网格Url : Is it possible to change the value of ? Id=id

html - 为什么我的 <li> 类型没有显示?

javascript - CSS - 使用悬停以不同方式影响多个元素

javascript - 由父表单元格控制的复选框

javascript - Kendo Grid 自定义弹出编辑器模板中的 jQuery Accordion 向导

javascript - 不能给边框空间并在上面打印一个字

html - 在 safari 浏览器上放大/缩小时菜单栏无法正确显示

html - 如何保留元素 :active even after clicking