【问题标题】:Uncaught Cannot extend unknown button type: excelHtml5未捕获无法扩展未知按钮类型:excelHtml5
【发布时间】:2019-04-30 13:13:50
【问题描述】:

尝试使用我在另一个应用程序中使用的相同代码创建一个 Excel 导出按钮。

很遗憾,我收到以下错误:

Uncaught Cannot extend unknown button type: excelHtml5

这是生成数据表上方按钮的代码部分:

"dom": 'Bfrtip',
"buttons": [
    {
        text: '<i class="fa fa-search"></i> Search All',
        className: 'searchAll btn btn-success btn-sm',
        action: function (e, dt, node, config)
        {
            $('#searchAllModal').modal('show'); 
        }                       
    },                  
    {
        extend: 'excelHtml5',  /*** here is the problem ***/
        title: 'Matchback Rail Export Results',
        text: '<i class="fa fa-download"></i> Export Results',
        className: 'btn btn-secondary btn-sm',
        customize: function( xlsx ) 
        {
            var sheet = xlsx.xl.worksheets['sheet1.xml'];

            $('row c[r^="A"]', sheet).attr( 's', '2' );
        },
        exportOptions: 
        {
            columns: [1,2,3,4,5,6,7,8,9,10]
        }
    },
    {
        extend: 'colvis',
        text: '<i class="fa fa-toggle-on"></i> Toggle Columns',
        className: 'btn btn-secondary btn-sm'
    }
]

页面不喜欢代码的“扩展:'excelHtml5'”部分。 "extend: 'colvis'" 部分没有问题。

我查看了我正在使用的库:

<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.colVis.min.js" type="text/javascript"></script>

在创建问题时,我得到的第一个建议是:

"Uncaught Cannot extend unknown button type: copyHtml5" - How to use `datatables.net-buttons-bs4`

但这个问题似乎是指.net平台。

我遗漏了什么有助于消除此错误?

* 更新 *

我将数据表按钮库从 1.5.2 更新到 1.5.1。此外,我还缺少以下要求:

<script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>

<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>

<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>

<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>

这解决了我的问题。

【问题讨论】:

    标签: javascript jquery datatables


    【解决方案1】:

    在这个documentation说它需要Buttons扩展和其他要求,你满足所有要求吗?

    【讨论】:

    • 我更新了我的问题以包括缺少的要求。谢谢你,先生。
    • 很高兴能提供帮助。
    猜你喜欢
    • 2019-04-05
    • 2016-07-23
    • 2012-02-04
    • 1970-01-01
    • 2022-09-28
    • 1970-01-01
    • 2021-06-07
    • 2013-02-13
    相关资源
    最近更新 更多