ASP.NET 中的选项卡式网站，想要打印所有这些，建议？答案

【问题标题】：Tabbed website in ASP.NET, want to print all of them, recommendations ?ASP.NET 中的选项卡式网站，想要打印所有这些，建议？
【发布时间】：2012-04-09 15:55:18
【问题描述】：

我有一个 ASP.NET 网站，分为这样的标签

|TITLE1| - |TITLE2| - |TITLE3| - ETC.

如果用户点击Title 2，则只有标题2对应的div显示在下方，以此类推。我制作了一个打印图像按钮，但我想让它打印出来，就好像所有标签都被打开并堆叠在一起一样。现在，它只打印被点击的那个标签。

【问题讨论】：

标签： javascript asp.net html printing

【解决方案1】：

您需要将所有选项卡的内容呈现到一个 div 中，该 div 具有与之关联的 css media print rule。您的实际选项卡还需要另一个 css 规则来隐藏它们以进行打印。

例如你有

<div id="tabs" class="print_hidden">
Your actual tabs go here
</div>
<div id="printTabs" class="screen_hidden">
Your printer friendly text goes here when the link below is clicked.
</div>
<asp:LinkButton runat="server" id="lnkPrinterFriendly">Printer-friendly view</asp:LinkButton>

然后在 css 文件中你有以下内容：

@media print {
.screen_hidden { display: none; }
}

@media screen {
.print_hidden { display: none; }
}

【讨论】：

【解决方案2】：

使用将所有选项卡（我假设在div 元素中）设置为display: block 的打印样式表。

【讨论】：

我创建了一个 print.css，其媒体类型 print 链接在页面顶部。在 .CSS 中我添加了：div.tabs-1 { display:block; } div.tabs-2 { 显示：块； } div.tabs-3 { 显示：块； }。但是，当我想打印它时，只有当前选项卡在打印而不是全部三个，我错过了什么？谢谢。
gotit... 在为我们的 div 调用 .hide() 时，jQuery 设置了一个 !important 选项。从那里删除 !important 现在可以使用了，谢谢。