カスタムボタンからDatatable csvボタンを呼び出す方法

Question

カスタムボタンからcsvボタンを呼び出す必要があります。

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

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

以下のような出力が得られますが、ボタンは1つだけ必要です。

Answer 1

最後に私は解決策を見つけました。

Datatable設定では、ボタンをトリガするためにclickイベントを追加しました。

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

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

これは、コメントと回答

Answer 2

あなたが別のボタンのクリックイベントをトリガしようとしている、あなたは（あなたのタグに応じて）はjQueryを使用している場合は、

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

を使用することができますこれは、idを持つ要素を選択"ExportReporttoExcel"を呼び出し、jQueryを使用してクリックをトリガーします。

Answer 3

dataTablesエクスポートボタンは、デフォルトで.buttons-excel、.buttons-pdf、.buttons-csvなどのシグニチャクラスで強化されています。それを利用する：

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