javascript - RequireJS的Datatables按钮扩展

我在使用require js加载数据表库时遇到问题
这是我的代码

require.config({
    paths: {
        "jquery" :    "https://code.jquery.com/jquery-2.2.4.min",
        "datatables" : "https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min",
        "datatables-btn" : "https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min",
    }
});


requirejs( ["datatables", "datatables-btn"], function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });
});

我在开发控制台上收到此错误
error log

谢谢你的帮助..

最佳答案

您缺少许多.js脚本文件。找出所需脚本文件的最简单方法是转到DataTables download builder(即使您没有下载)，然后找出所需的扩展名/功能。这将生成您需要包括的脚本文件列表(用于下载或CDN)，然后您可以将其转换为RequireJS语法以包括在内。我整理了一份 list ， list 中列出了您需要的 list :

"https://code.jquery.com/jquery-2.2.3.min.js"
"https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"
"https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"
"https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"
"https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"
"https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min.js"
"https://cdn.datatables.net/buttons/1.2.1/js/buttons.html5.min.js"
"https://cdn.datatables.net/buttons/1.2.1/js/buttons.print.min.js"

您可能认为这太多了，或者我添加了不必要的脚本，但让我解释一下这些添加。

如果您希望您的excel导出按钮能够正常工作，则

jszip是必需的(在DataTables下载页面上有记录)

pdfmake对于pdf导出按钮起作用是必需的

vfs_fonts也是pdfmake

的一部分

，您需要两个button.html5脚本文件才能使按钮正常工作(假设您要使用HTML5按钮，如果要使用Flash按钮，则必须转到下载构建器并选择Flash按钮)

这些应该是您需要包含的所有脚本(据我从您的代码段可以看出的)，但是如果您想再次检查甚至添加更多功能，我建议您查看上面的链接以查找您需要的脚本文件列表。