Aller au contenu

JAVASCRIPT : Effacer ligne tableau puis lancer un query pour update

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>

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *