jquery - Kendo UI 在.net 中导出为 PDF 多页

Question

我需要实现用于 pdf 导出的应用程序。当我搜索时，我发现 kendo UI 最适合我的要求。在我导出单页之前，它的工作非常顺利。

但是当我导出多个页面时，我的kendo UI 代码无法正常工作。

在我的场景中，我的主 div 为“DivPrint”，其中有两个 A4 大小的 div。当我导出时，它导出为一页而不是两页。

$scopeChild.generatePDF = function () {                                                


kendo.drawing.drawDOM($("#DivPrint"), {paperSize: "A4",multiPage: true                                             })
            .then(function (group) {                                                    
              kendo.drawing.pdf.saveAs(group, "Converted PDF.pdf");
               })                                          
 }

Answer 1

您可以使用 Kendo 和 html 中可用的 forcePageBreak 属性，您应该提及这些类。

你的 HTML 应该是这样的:

<div id="DivPrint">
 <div id="Div01">Text from first div </div>
 <div id="Div02" class="page-break">Text from second div</div>
<div>

你的 JS 应该是这样的:

kendo.drawing.drawDOM("#DivPrint", {
    paperSize: "A4",
    forcePageBreak: ".page-break"
  })
  .then(function(group) {
    kendo.drawing.pdf.saveAs(group, "Converted PDF.pdf");
  })

您可以在这里查看现场演示:https://jsbin.com/hedodigomu/