如何在IE11中打印一个角度对话框模式？

Question

使用angular的Kendo Dialog在模式中加载一个aspx页面。此页面的预期行为是，一旦生成，它将打开打印对话框。打印操作的输出应该是aspx页面。在Chrome/Firefox中打印时也是如此，但IE11只打印实际模式对话框后面页面的一部分。

这在aspx代码中实现，如下所示：

if (!(rsClinicList.EOF))
{
    Response.Write("onLoad=\"doPrint();\"");
}

调用的方法很简单：

function doPrint() {
    window.print();
}

因此，在Chrome/Firefox中，这完全符合预期，如何使用IE11打印正确的内容？

Answer 1

我会说它在IE11中呈现了一些溢出。尝试使用css。一种可能的解决方案是创建一个将内容写入其中的容器，该容器仅在打印时显示。像这样的解决方案：

Twitter Bootstrap: Print content of modal window

Answer 2

由于您使用的是剑道对话框，请选中this article并使用以下CSS样式打印对话框内容：

若要仅选择打印过程中可见的对话框内容而隐藏其余页面内容，请使用CSS。

下面的示例假定页面上只有一个Dialog实例。如果页面上存在多个Dialog实例，并且只需要打印一个实例，请将.k-dialog类替换为手动应用于Dialog的包装元素的自定义CSS类。

@media print
{
    body > *
    {
        display: none !important;
    }

    body > .k-dialog
    {
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        border-width: 0;
        box-shadow: none !important;
    }

    .k-window .k-window-titlebar
    {
        display: none;
    }
}