Dans cet exemple nous avons un tableau appelé « example » et nous souhaitons lors d’un clique sur le bouton « Bt_NotOk » effacer la ligne du tableau mais aussi déclencher un query pour effacer la données en DB par exemple (ou tous simplement faire une autre action ) via une autre page php appelé en asynchrone (ajax ) ‘ajax_action.php’
Si c’est un query , j’affiche ensuite les données dans « div_donnees »
<script>
$(document).ready(function() {
var table = $(‘#example‘).DataTable({
« select »: true
});
$(‘#example tbody tr’).on(‘click’, function () {
if ( $(this).hasClass(‘selected’) ) {
$(this).removeClass(‘selected’);
}
else {
table.$(‘tr.selected’).removeClass(‘selected’);
$(this).addClass(‘selected’);
}
} );
$(‘#Bt_NotOk‘).click( function () {
var test = table.row(‘.selected’);
var resultatRow = test.data()
// Et ça, c’est pour appeler le script qui va traiter (en base, ou autre) en php
var url = ‘ajax_action.php’;
$.post({
url,
data: {
param1 : ‘ici je donne le param que je veux ‘,
param2 : ‘un 2éme param ouuuuuuuuuuuuuuu ‘,
param3 : ‘etc etc ‘,
},
success: function (data) {
$(« #div_donnees« ).html(data);
}
});
table.row(‘.selected’).remove().draw( false );
</script>
