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

Question

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

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

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

Answer 1

您需要将所有选项卡的内容呈现到一个 div 中，该 div 具有与之关联的 css媒体打印规则。您的实际选项卡还需要另一个 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; }
}

Answer 2

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