如何在 IE11 中打印角度對話框模式？

Question

使用 Kendo Dialog for angular 在模態內加載 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：打印模態窗口的內容

Answer 2

由於您使用的是 Kendo Dialog，請查看這篇文章並使用以下 CSS 樣式打印 Dialog 內容：

要僅選擇打印期間可見的對話框內容並隱藏頁面的其余內容，請使用 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;
    }
}