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

Question

使用Kendo对话框获取角度，在模式内部加载了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

由于您正在使用Kendo对话框，请检查this article并使用以下CSS样式打印对话框内容：

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

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

@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;
    }
}