打印-计划日历SAPUI5

Question

我正在尝试打印计划日历，但是间隔时间在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;
}

打印视图：

普通视图：

Answer 1

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

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

我并不是说这可以完全解决您的问题，而是比较一下这两个图像：

编辑：它可能会起作用：