打印-计划日历SAPUI5

打印-计划日历SAPUI5,sapui5,Sapui5,我正在尝试打印一个计划日历,但我在CSS中遇到了一个问题,即间隔时间 onPrint:function(){ var $domTarget = this.byId("PC1").$()[0], sTargetContent = $domTarget.innerHTML, sOriginalContent = document.body.innerHTML; document.body.innerHTML = sTargetContent; window.print();

我正在尝试打印一个计划日历,但我在CSS中遇到了一个问题,即间隔时间

onPrint:function(){ 
  var $domTarget = this.byId("PC1").$()[0],
  sTargetContent = $domTarget.innerHTML,
  sOriginalContent = document.body.innerHTML;
  document.body.innerHTML = sTargetContent;
  window.print();
  document.body.innerHTML = sOriginalContent;
}
打印视图:

正常视图:

浏览器在打印时默认删除某些CSS属性。最常见的是背景设置,但可能还有其他设置。有一个打印设置来恢复它

如果这不起作用,请查看可以专门为打印添加样式的
@media=print
选项。我不知道UI5是否从某些媒体的样式表中排除了某些东西。例如,您可以用图像或其他东西替换背景设置。这可能会强制使用正确的高度/宽度和背景颜色

我并不是说这将完全解决您的问题,而是比较这两个图像:

编辑:它可能只是工作:


嗨,Jorg,非常感谢你的回答,当我使用“Ctrl+p”时,它可以正常工作。在我的例子中,我只想打印计划日历,而不是整个页面,这就是为什么上面有一个函数onPrint()。你能帮帮我吗?你不知道你正在通过替换整个dom或者其他可能产生影响的方式来删除什么样的内嵌式css,尽管可能有其他方法