一尘不染

打印模式弹出窗口的内容

ajax

我有一个显示项目列表的应用程序。

用户可以单击一个项目,然后在模式弹出窗口(居中的DIV,使用JavaScript显示)中查看其详细信息。我需要在该弹出窗口上有一个按钮,该按钮将允许用户仅打印模式弹出窗口的内容。

这是针对仅需要在IE7 +中运行的内部应用程序的。当用户单击模式弹出窗口上的“打印”按钮时,该项目的状态将更改为“已打印”(出于内部业务原因…)。

我正在使用ASP.NET和ASP.NET
AJAX控制工具包ModalPopupExtender
,但是我猜想实现此目的的技术将以浏览器为中心,并且与服务器技术无关。


阅读 280

收藏
2020-07-26

共1个答案

一尘不染

您可以在div中添加“ noprint”类名,以包装所有您不想打印的内容。

如果您还希望在没有对话框的情况下也可以打印主页,则可以在用户按下PRINT按钮时将类名添加到包装器DIV中,然后再删除类名。

@media print {
.noprint {
 display:none
}
}
2020-07-26