Moin,
ich nutze aktuell das DataTable Script für meine Benutzerliste.
In meiner Benutzerliste habe ich einen Löschen Button der soweit auch funktioniert.
Über Ajax wird dann ein Benutzer gelöscht und die Tabelle aktualisiert. Leider habe ich das Problem, dass wenn die Tabelle Aktualisiert wurde, ein Slider eingefügt. Der erst verschwindet wenn man die Seite 1x richtig aktualisiert.
Der Slider in der Tabelle:
html-seminar.de/woltlab/attachment/3190/
Hier einmal der Code von der Tabelle:
PHP
<table id="myTable" class="table table-striped" style="padding: 7px 2px 7px 2px;">
<thead>
<th style="width: 10%">Benutzer ID</th>
<th style="width: 15%">Nachname</th>
<th style="width: 10%">Vorname</th>
<th style="width: 100%">Verwaltung</th>
</thead>
<tbody>
<?php
foreach ($allUsers as $value) {
?>
<tr>
<td><?php echo $value['benutzer_id'] ?></td>
<td><?php echo $value['nachname'] ?></td>
<td><?php echo $value['vorname'] ?></td>
<td><button class="deleteUser btn btn-danger btn-fill pull-right btn-sm" id="<?php echo $value['benutzer_id'] ?>" name="<?php echo $value['nachname'] ?>">Löschen</button>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
Alles anzeigen
Und der Code von dem DataTable:
Code
<script>
$(document).ready(function() {
$('#myTable').DataTable( {
"language": {
"url": "includes/German.json"
}
} );
} );
</script>
// Edit
Vergessen die Löschfunktion und Aktualisierung zu posten ...
Code
<script>
$(document).ready(function() {
$("#myTable").on("click", ".deleteUser", function() {
var hh = document.createElement("div");
var userName = $(this).attr("name");
hh.innerHTML = "Wollen Sie den folgenden Benutzer wirklich Löschen?<br><br><b>Benutzer:</b> " + userName;
swal({
title: "Benutzer löschen",
content: hh,
icon: "warning",
closeOnClickOutside: false,
buttons: {
del: "Löschen",
cancel: "Abbrechen",
}
}).then((willDelete) => {
if (willDelete) {
var del_id = $(this).attr("id");
var del_nachname = $(this).attr("name");
$.ajax({
type: "POST",
url: "includes/deleteUser.php",
data: {del_id: del_id, del_nachname: del_nachname},
success: function(data) {
$("#myTable").load("userList.php #myTable");
}
});
swal("Gelöscht", "Der Benuter wurde aus dem System gelöscht!", "success");
}
})
});
});
</script>
Alles anzeigen
Hat jemand eine Idee ich ich das Problem Beheben kann?
Gruß