javascript - 使用 RequireJS 的数据表按钮扩展

Question

我在使用 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

谢谢你的帮助..

Answer 1

您缺少很多 .js 脚本文件。找出所需脚本文件的最简单方法是转到 DataTables download builder (即使您没有下载)并选择您需要的扩展/功能。这将生成您需要包含的脚本文件列表(用于下载或 CDN)，然后您可以将其转换为要包含的 RequireJS 语法。我整理了一份您可能需要的 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 的一部分
• 您需要两个 buttons.html5 脚本文件才能让您的按钮正常工作(假设您要使用 HTML5 按钮，如果您想使用 Flash 按钮，则必须转到下载生成器并选择 Flash 按钮)

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