KendoUIは - KendoUIと1つのPDFにDOMとグリッドを描画する方法PDF

Question

にまとめて保存し、DOMとグリッドを描きますか？例えば

：私は私のグリッドの概要ヘッダーを持っている、それはDOM要素（.report-ヘッダ）とKendo.Grid（.report-テーブル）を区切っています。私は1つのPDFファイルにそれらを描画したい。今のところ私はこれを持っています：

<div id="report"> 
    <div class="report-header"></div> 
    <div class="report-table"></div> 
</div> 

kendo.drawing.drawDOM("#report", { 
      allPages: true, 
      avoidLinks: true, 
      paperSize: "A4", 
      margin: { top: "1cm", left: "1cm", right: "1cm", bottom: "1cm" }, 
      landscape: true, 
      repeatHeaders: true, 
      template: $("#page-template").html(), 
      scale: 0.5, 
      title: 'Raport dzienny' 
     }).then(function(group){ 
      kendo.drawing.pdf.saveAs(group, 'file.pdf'); 
     }); 

それは働いていますが、テーブルはすべて描画されていません。それを修正するには？

Answer 1

私は$("#page-template").html()を見ることはできません。それは作成する必要があります。

このような何か：

<script type="x/kendo-template" id="page-template"> 
    <div class="page-template"> 
     <div class="header"> 
      <div style="float: right">Page #: pageNum # of #: totalPages #</div> 
      Multi-page grid with automatic page breaking 
     </div> 
     <div class="watermark">KENDO UI</div> 
     <div class="footer">Page #: pageNum # of #: totalPages #</div> 
    </div> 
</script>