html修改选择文件的名称,jquery – 设置自定义文件名datatables导出带有选择文本的excelHtml5...

初始化dataTable时读取一次title,然后将值映射到内部配置对象.因此,如果要动态更改设置,则必须更改该内部配置对象,而不是尝试更改只读配置设置.

反之亦然 – 为< select>创建一个事件监听器.在按钮内部init()回调本身.如果您有< select>使用这样的可选文件名

filename A

filename B

filename C

然后,您可以动态更改导出文件名(==标题扩展名)

buttons : [

{

extend: 'excelHtml5',

title: 'filenameA', //default filename

init: function(dt, node, config) {

$("#filename").on('change', function() {

config.title = this.value;

})

}

},

您也可以在处理程序中更改其他配置属性,例如,您可能希望将config.extension更改为其他内容.

这是一个演示 – > https://jsfiddle.net/y8d9zhfv/

需要强调的是,dataTables.buttons.js需要1.3.0或更高版本; buttons.html5.js模块也是如此.所以,如果以上不起作用升级 – > https://cdn.datatables.net/buttons/