在Windows 8商店應用程序中打印按鈕HTML + JS用於分割模板應用程序

Question

我有一個在WinJS for Windows 8 App商店中製作的應用程序，我使用了分割頁面模板。所以在分割頁面上，我有兩個柱面，一個是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; 
     }); 
    } 

其依次克隆這個網站節點，然後打印

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

所有的印刷樣品可以是大多從那裏剪切和粘貼，檢查出來。它也可在Windows應用商店中使用，並且是Windows應用商店應用的基本HTML/JS開發工具。