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

时间:2016-03-23 16:29:26

标签: javascript jquery

我今天早上面临一个巨大的问题,我正在尝试将我的表格导出为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

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

1 个答案:

答案 0 :(得分:0)

为此,您需要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路径替换为下载位置。