KendoUI - Draw DOM und Grid dann speichern zusammen in PDF

Question

Wie zeichnen DOM und Grid in ein PDF mit KendoUI?

Zum Beispiel: Ich habe zusammenfassende Header für meine Grids, es ist getrennt DOM-Element (.report-Header) und Kendo.Grid (.report-Tabelle). Ich möchte sie in eine PDF-Datei zeichnen. Für jetzt habe ich das:

<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'); 
     }); 

Und es funktioniert, aber Tabelle wird nicht alle gezeichnet. Wie man es repariert?

Answer 1

Ich kann die $("#page-template").html() nicht sehen. Es muss erstellt werden.

Etwas wie folgt aus:

<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>