实例化数据表后如何更新/添加按钮

Question

我是 JavaScript 新手，我缺乏 JavaScript 对象知识。 我想知道如何在创建后添加数据表 1.10 按钮的扩展。

我的代码是：

var table;
$('#MyDiv').DataTable({someCode;});
$.fn.dataTable.ext.buttons.ok = {
    text: 'OK',
    action: function (e, dt, node, config) {
        console.log("Hi");
    }
};
table = $('#MyDiv').DataTable();
//!Here I want to add my button in table var!

Answer 1

选项 1

最简单的方法（在我看来）是使用按钮声明的选项形式，而不是您在此处尝试使用的函数形式。在你的情况下，这看起来像这样：

table = $('#MyDiv').DataTable({
    /*Other DataTables config options go here*/
    buttons: [
        {
            text: 'OK',
            action: function ( e, dt, node, config ) {
                console.log("Hi");
            }
        }
    ]
});

这可以在DataTables examples 中找到，这是一个很好的数据表信息来源。

选项 2

如果您希望继续使用函数符号，那么您只需将按钮声明添加到选项中，而不是上面示例中的整个操作/文本块。见下文：

var table;
//You should not have 2 .DataTable() calls, so I removed this one
//Move any other options you had to the other call below
$.fn.dataTable.ext.buttons.ok = {
    text: 'OK',
    action: function (e, dt, node, config) {
        console.log("Hi");
    }
};
table = $('#MyDiv').DataTable({
    /*Other DataTables config options go here*/
    buttons: [
        'ok'
    ]
});

无论哪种方式都应该可行，这取决于您喜欢如何组织代码。

我还建议您访问 DataTables 网站上的 custom buttons documentation 以获取更多信息或查看我从何处获得这些代码块。