使用 javascript 在 asp.net 中使用 css 打印 listview答案

【问题标题】：Printing listview in asp.net with css, using javascript使用 javascript 在 asp.net 中使用 css 打印 listview
【发布时间】：2013-03-19 16:56:04
【问题描述】：

打印时没有使用css类但是我在使用程序时看到了css类

        <script type="text/javascript">
        function printDiv() {
            var divToPrint = document.getElementById('DivIdToPrint');
            var newWin = window.open('', 'Print-Window');

            //newWin.document.open();
            newWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>');
            newWin.document.close();
            setTimeout(function() { newWin.close(); }, 10);
        }

    </script>



 <div id="DivIdToPrint" class="ListadoLicencias">
          <asp:Listview>
      </div>

                 <br />
  <asp:Button runat="server" ID="cmdImprimir" Text="Imprimir" OnClientClick="printDiv();"  />

【问题讨论】：

我不明白。问题是什么？顺便说一句，<asp:Listview> 什么都不做。
我知道这只是为了告诉我那里有一个列表视图问题是我有“ListadoLicencias”类，它没有显示在打印预览中。我会附上一些图片
请查看此链接clip2net.com/s/4M2P0m 上是显示css的列表视图，下是打印预览

标签： javascript asp.net css printing

【解决方案1】：

我认为问题在于innerHTML 只是按照它所说的去做：它需要inner HTML。你需要做类似的事情

newWin.document.write(
    '<html><body><div id="DivIdToPrint" class="ListadoLicencias">'
        + divToPrint.innerHTML
        + '</div></body></html>'
);

或从父元素中获取innerHTML。

要应用您的样式表，您必须将您在弹出函数中编写的 HTML 扩展为

<html><head><link href="style.css" rel="stylesheet"/></head><!-- ... --></html>

【讨论】：

@hptech，那么，生成的 HTML 中是否有 <link rel="stylesheet"/>？类的样式应该从哪里来？