web-dev-qa-db-fra.com

Comment appeler le bouton Datatable csv depuis le bouton personnalisé

Besoin d'appeler le bouton CSV de mon bouton personnalisé.

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

Au lieu de l'appeler à partir du bouton Datatable, je veux les mêmes fonctionnalités à partir du bouton ci-dessus.

Vous recherchez des modifications de configuration dans Datatable afin que je puisse appeler mon bouton personnalisé pour exporter les enregistrements de la table au format 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'));

Obtenir une sortie comme ci-dessous mais je n'ai besoin que d'un seul bouton.

 enter image description here

javascriptjquerydatatables
4
MPPNBD

Enfin j'ai trouvé la solution.

Dans la configuration Datatable, j’ai ajouté un événement de clic pour que le bouton soit déclenché.

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

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

Cela fonctionne bien pour moi merci pour les commentaires et les réponses

4
MPPNBD

les boutons d'exportation dataTables sont enrichis par défaut avec des classes de signature telles que .buttons-Excel, .buttons-pdf, .buttons-csv et ainsi de suite. Profitez de cela:

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

Si vous essayez de déclencher l'événement click d'un autre bouton et que vous utilisez jQuery (en fonction de vos balises), vous pouvez utiliser 

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

Ceci sélectionne l'élément avec l'id "ExportReporttoExcel" et déclenche un clic en utilisant jQuery.

0
Neville Nazerane