Kendo UI saveAsPDF失败,但saveAsExcel有效吗?

时间:2018-01-05 22:14:30

标签: jquery kendo-ui kendo-asp.net-mvc

我正在项目中使用Kendo UI。在一个页面上,它有一个图表和网格。我添加了2个导出按钮(不是来自kendo的按钮),一个用于PDF,一个用于excel。单击它们时,代码位于以下位置:

$("#btnGridExcelExport").click(function () {
    $("#grid").getKendoGrid().saveAsExcel();
});

$("#btnGridPdfExport").click(function () {
    $("#grid").getKendoGrid().saveAsPDF();
});

但是,由于某些原因,saveAsExcel工作正常,但saveAsPDF失败。它没有导出任何东西,浏览器似乎被冻结了,虽然它没有。我可以看到进度条,但似乎从未完成“进度”。

enter image description here

很明显,$(“#grid”)。getKendoGrid()不是NULL,这就是导出excel工作正常的原因。但是为什么saveAsPDF()不起作用?

我还使用下面的代码将图表保存为pdf,它可以工作:

$("#btnChartPdfExport").click(function () {
    var chart = $("#chart").getKendoChart();
    chart.exportPDF({ paperSize: "auto", margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" } }).done(function (data) {
        kendo.saveAs({
            dataURI: data,
            fileName: '@ViewData["ReportName"]'+" chart.pdf"
        });
    });
});

我还使用了带网格的导出按钮,同样的问题:excel有效,但pdf没有:

toolbar: ["excel", "pdf"],

为什么$(“#grid”)。getKendoGrid()。saveAsPDF()不起作用?有谁有这个问题?是什么导致这个?可能是因为Acrobat版本还是类似的东西?

由于

1 个答案:

答案 0 :(得分:0)

我有一个类似的问题,并添加此修复它为我:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>        
<script src="https://kendo.cdn.telerik.com/2018.1.221/js/kendo.all.min.js"></script>