如何从自定义按钮调用数据表csv按钮

需要从我的自定义按钮调用csv按钮。如何从自定义按钮调用数据表csv按钮

<button value="Export report to Excel" class="button-default datatable-csv" type="button" id="ExportReporttoExcel"> 
       <span>Export report to Excel</span> 
      </button>

而不是从数据表按钮调用它，我想从上面的按钮相同的功能。

在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'));

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

来源

2017-08-04 MPPNBD

你就不能添加'的onclick = “yourFunction中（）”'属性？ –

当你说“调用按钮”，你的意思是务实地点击它的权利？ –

是内维尔Nazerane，需要将表格导出到CSV文件 – MPPNBD

最后我找到了解决方案。

在Datatable配置中，我添加了触发按钮的点击事件。

buttons: [ 
     { 
      extend: 'csv', 
     } 
    ] 

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

这工作的感谢对我很好的意见和答案

来源

2017-08-09 21:16:52 MPPNBD

如果你试图触发另一个按钮的Click事件，你是（根据你的标签）使用jQuery，您可以使用

<button onclick="$('#ExportReporttoExcel').click()">Click me</button>

这与ID选择元素“ExportReporttoExcel”并使用jQuery触发点击。

来源

2017-08-04 22:21:58

不工作内维尔Nazerane – MPPNBD

是啊这个答案显示如何触发ID ExportReporttoExcel的点击。我不确定你的问题是什么，但根据你的回答，似乎你需要改变#ExportReporttoExcel的点击事件。如果您希望按钮在点击时执行相同操作，您仍然可以使用上述代码。 –

dataTables导出按钮缺省情况下会增加类似.buttons-excel,.buttons-pdf,.buttons-csv等签名类别。利用这一点：

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

来源

2017-08-05 18:17:27 davidkonrad

我根本不需要Datatable按钮，换句话说我需要通过更改位置和样式来定制按钮 – MPPNBD

不工作davidkonrad – MPPNBD

如何从自定义按钮调用数据表csv按钮

回答

相关问题