如何在 window.print 中使用 SAPUI5 库 css？

Question

我开发了具有打印选项的 SAPUI5 应用程序。当我单击打印按钮时，我正在将打印区域内容写入文档并使用 window.print();

进行打印

 var printContents = document.getElementById("printArea").innerHTML;
 var win = window.open("", "PrintWindow");
 win.document.write("<div class='page'>" + printContents + "</div>");
      setTimeout(function() {
       win.print();
       win.stop();
      }, 2000);

但问题是我在打印中缺少 SAPUI5 默认库 CSS。我的打印需要 SAPUI5 默认样式 sheet，如何解决？

Answer 1

我也遇到了同样的问题。请在 "var win..." 和 "win.document.write..." 之间添加以下代码。

$.each(document.styleSheets, function(index, oStyleSheet) {
  if(oStyleSheet.href){
    var link = document.createElement("link");
    link.type = oStyleSheet.type;
    link.rel = "stylesheet";
    link.href = oStyleSheet.href;
    //win.document.head.appendChild(link); --> this doesn't work in IE
    win.document.getElementsByTagName("head")[0].innerHTML = win.document.getElementsByTagName("head")[0].innerHTML + link.outerHTML;
  }
});

如何在 window.print 中使用 SAPUI5 库 css？

how to use SAPUI5 library css in window.print?

css

printing

sapui5

sap-fiori