Hallo zusammen
Mein erster Post nach langem probieren und recherchieren wird fällig ...
Ich bin blutiger Anfänger und finde nicht raus, wie man sowas korrekt anstellt und bitte auch um Hilfe.
in meinem HTML zeige ich Firebase Einträge mit JS als Tabelle an und möchte als letzte Spalte die Möglichkeit haben, einen Eintrag (entspricht einer Zeile) mit dem data.key zu löschen.
Ich habe versucht, dies mit einem button onclick zu lösen. Ich erhalte jedoch immer die Fehlermeldung: Uncaught SyntaxError: expected expression, got '}'
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
// Meine Zugangsdaten
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
// Create Table with all items to display on user DIV.
var itemtable = firebase.database().ref().child('items');
itemtable.once('value', function(snapshot){
if(snapshot.exists()){
var content = '';
snapshot.forEach(function(data){
var name = data.val().name;
var owner = data.val().owner;
var state = data.val().state;
var booker = data.val().booker;
var reservationstate = data.val().reservationstate;
var reserver = data.val().reserver;
var item_key = data.key;
content += '<tr>';
content += '<td>' + name + '</td>'; //column1
content += '<td>' + owner + '</td>'; //column2
content += '<td>' + state + '</td>'; //column3
content += '<td>' + booker + '</td>'; //column4
content += '<td>' + reservationstate + '</td>'; //column5
content += '<td>' + reserver + '</td>'; //column6
// content += '<td>' + '<button onclick="DeleteItemFromDB()">' + '</td>'; //column7
content += '<td>' + '<button onclick="firebase.database().ref("items").child('+ item_key +').remove()">' + '</td>'; //column7
content += '</tr>';
});
//DeleteItemFromDB(item_key);
$('#ex-table').append(content);
}
});
</script>
Alles anzeigen
Ich habe auch versucht in meine index.js zu verweisen und dort eine eine Funktion mit dem Firebase remove funktion aufzurufen, jedoch kann ich dann den item_key nicht als parameter bzw. variable übergeben, sondern nur als Wert und erhalte damit einen "undefined" Fehler aus der deleteItemFromDB() funktion
content += '<td>' + '<button onclick="deleteItemFromDB(' + item_key + ')">' + '</td>'; //column7
index.js
// Lösche ein Item mit entsprechendem Key aus der Firebase DB
function DeleteItemFromDB(item_key){
// manuell ginge es: var item_key = '-MOgyNEBPM7KkOMChVBF';
itemsRef.child(item_key).remove();
console.log(item_key)
// Website (= Itemlist) neu laden
location.reload();
}
Ich bin um jede Hilfe dankbar.
Wie gesagt ich steige erst gerade in die Thematik ein und bitte um Nachsicht.
Grüsse Timo