如何从自定义按钮调用Datatable csv按钮

需要从我的自定义按钮调用csv按钮。

 Export report to Excel  

我想要从上面的按钮获得相同的function，而不是从Datatable按钮调用它。

在Datatable中寻找一些配置更改，以便我可以调用我的自定义按钮将表记录导出为csv。

 var table=$('#tableId').DataTable( { "paging": true, "info": true, "searching": true, ,buttons: true }); $("#SEARCH").on("keyup search input paste cut", function() { table.search(this.value).draw(); }); var buttons = new $.fn.dataTable.Buttons(table, { buttons: [ 'csvHtml5' ] }).container().appendTo($('#ExportReporttoExcel')); 

得到如下的输出，但我只需要一个按钮。

Answer 1

最后我找到了解决方案。

在Datatable配置中，我为要触发的按钮添加了click事件。

 buttons: [ { extend: 'csv', } ] $("#ExportReporttoExcel").on("click", function() { table.button( '.buttons-csv' ).trigger(); }); 

这对我来说很好，感谢您的评论和答案

Answer 2

默认情况下，dataTables导出按钮富含签名类，如.buttons-excel ， .buttons-pdf ， .buttons-csv等。 利用这个：

 $('#ExportReporttoExcel').on('click', function() { $('.buttons-excel').click() }); 

Answer 3

如果您尝试触发另一个按钮的click事件并且您正在使用jQuery（根据您的标签），您可以使用

 Click me 

这将选择ID为“ExportReporttoExcel”的元素，并使用jQuery触发单击。