Question

我在WinJS for Windows 8 App store中创建了一个应用程序，我使用了Split Page模板。因此，在拆分页面上，我有两个列，一个名为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开发工具。

Windows 8商店应用HTML + JS for Split Template应用中的打印按钮

1 个答案: