Question

我今天早上面临一个巨大的问题，我正在尝试将我的表格导出为pdf文件。该脚本工作正常如果我把它放在一个没有别的，页面加载和dl启动。

但我想按一下按钮！当我这样说时：

$(document).ready(function () {
    $('#downloadPDF').on('click', function (e) {
        console.log("test");
        e.preventDefault();
        $('table').tableExport({ 
            type: 'pdf', 
            jspdf: {     
                orientation: 'l', 
                format: 'a3', 
                margins: { 
                    left: 10, 
                    right: 10, 
                    top: 20, 
                    bottom: 20 
                }, 
                autotable: { 
                    styles: { 
                        fillColor: 'inherit', 
                        textColor: 'inherit' 
                    },
                    tableWidth: 'auto' 
                } 
            } 
        });
    });
});

<button type="button" id="downloadPDF" class="btn btn-default">Default</button>

我在Chrome控制台中收到此错误：

未捕获TypeError：$（...）。tableExport不是函数（匿名函数）@Auto:290jQuery.event.dispatch @jquery-1.10.2.js：5109elemData.handle @jquery-1.10.2.js ：4780

我无法理解为什么。因为它不在事件中时效果很好。

Answer 1

为此，您需要a table export plugin。

在您的页面中添加这些导入：

<script type="text/javascript" src="tableExport.js">
<script type="text/javascript" src="jquery.base64.js">

//and these if you want export to pdf
<script type="text/javascript" src="jspdf/libs/sprintf.js">
<script type="text/javascript" src="jspdf/jspdf.js">
<script type="text/javascript" src="jspdf/libs/base64.js">

显然，请将src路径替换为下载位置。

获取未捕获的TypeError：当我尝试在按钮中使用我的.tableExport时

1 个答案: