asp.net-mvc - 如何只打印网页的一部分？

Question

我在 JQuery 对话框中有一个 Partial 视图，它的侧面有按钮链接，顶部有文本链接，下面有一个网格。

我希望顶部的链接之一是“打印”链接，它打印出网格，仅此而已。

JavaScript 的 window.print() 打印整个页面。我怎样才能只打印网格？有没有办法告诉打印方法“只打印这个div的内容”？

如果我需要创建一个单独的“可打印网格”页面，如何避免打印我认为需要在页面上的“打印按钮”？

谢谢！

score 2 · Accepted Answer

避免打印任何内容的规范方法是添加一个打印样式表，该样式表将不应打印的元素设置为display: none。

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

在 print.css 中，您可以重新定义现有的 CSS 样式以显示：无，您可以添加一个 .DoNotPrint 类，您可以将其应用于您不想打印的任何内容。

.DoNotPrint
{
    display: none;
}

score 2 · Accepted Answer

这真的完全取决于你的实现，但我发现实现这一点的最简单方法是包含一个打印特定的样式表，如下所示：

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />

该样式表将隐藏除表格之外的所有内容，并且除了解决要显示和隐藏的元素之外，不需要任何特别的东西。

经过进一步考虑，您还可以执行以下操作：

创建一个单独的页面，该页面仅包含具有网格的部分。当用户单击打印按钮时，您会打开新窗口并window.print()加载。

2 回答 2