如何從自定義按鈕調用數據表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按鈕

回答

相關問題