【发布时间】:2018-08-26 16:50:58
【问题描述】:
我正在制定火车时刻表,信息直接来自用户输入。用户输入存储在我的 Firebase 中,并显示在表格中。每行信息都有一个删除按钮。当您单击删除按钮时,我正在尝试从 Firebase 中删除数据并更新表格。
这是我将火车信息推送到 Firebase 的地方:
database.ref().push({
name: name,
dest: dest,
time: time,
freq: freq,
minutesAway: mins,
dateAdded: firebase.database.ServerValue.TIMESTAMP
})
然后我让它像这样显示:
$('.table').append('<tr><td>' + name +
'</td>' + '<td>' + dest +
'</td>' + '<td>' + time +
'</td>' + '<td>' + freq +
'</td>' + '<td>' + mins +
'</td>' + '<td>' + '<button type="button" class="btn btn-danger btn-sm delete"></button>' +
'</td>' + '</tr>');
这是我的 onClick 删除:
$(".delete").on("click", function () {
$(this).parent().prevAll().parent().remove();
});
这就是我当前的 Firebase 树的样子:
https://mavs-firebase.firebaseio.com/
mavs-firebase
-L7p60IRXp29D54Pk3dw
dateAdded:
1521309455658
dest:
"North Pole"
freq:
"200"
minutesAway:
122
name:
"Polar Express"
time:
"12:59"
我一直在尝试许多不同的方法来找到从 Firebase 和表中删除数据的函数,但我在任何地方都找不到解决方案。我什至研究过 Firebase 文档,但我似乎无法定位正确的表和/或删除数据。
【问题讨论】:
标签: javascript html firebase firebase-realtime-database