Windows 8 Store 应用程序中的打印按钮 HTML + JS for Split Template 应用程序

Question

我有一个用 WinJS 制作的适用于 Windows 8 应用商店的应用，并且我使用拆分页面模板。因此，在拆分页面上，我有两列名为 List column 的列和名为 Item detail column 的列。用于菜谱，列表中是图片和小细节，物品详情块右侧是带有细节和图片的菜谱。我想要一个打印按钮，它只打印带有详细信息的右列，而不是带有列表等的整个窗口。

谁能给我一个比 msdn 更好的例子？

Answer 1

取自 codeshow.codeplex.com 以打印片段：

 function printFrag(printEvent) {
        var printTask = printEvent.request.createPrintTask("codeSHOW Print Frag", function (args) {
            var frag = document.createDocumentFragment();
            frag.appendChild(q(".print #printFromApp").cloneNode(true));
            args.setSource(MSApp.getHtmlPrintDocumentSource(frag));
            // Register the handler for print task completion event
            printTask.oncompleted = printTaskCompleted;
        });
    }

这又是克隆这个 html 节点然后打印它

<div id="printFromApp">
    <h2>Invoke print</h2>
    <p>Wow, printing is fun.</p>
    <button id="invokePrint">Print</button>
</div>

所有的打印样本大部分都可以从那里剪切和粘贴，检查一下。它也可在 Windows 应用商店中获得，并且是 Windows 应用商店应用必不可少的 HTML/JS 开发工具。