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

Question

我有一个用 WinJS 为 Windows 8 App Store 制作的应用程序，我使用拆分页面模板。因此，在拆分页面上，我有两个列，一个是 named List column，一个是 named 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 开发工具。