Question

如何在我的JavaScript上查看列表中的特定子项。

我的代码：

var rootRef = firebase.database().ref().child("tutee");

rootRef.on("child_added", snap =>
{

var sno = snap.child("studentnumber").val();
var fname = snap.child("firstname").val();
var lname = snap.child("lastname").val();
var email = snap.child("email").val();
var key = snap.key;
var view = snap.key;
var btn = "<button key='"+ key +"' class='removeEmployee mdl-button mdl-js-
button mdl-button--raised mdl-js-ripple-effect mdl-button--
accent'>Remove</button>";
var btnview = "<button view='"+ view +"' class='removeEmployee mdl-button 
mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--
accent'>View</button>";



$("#table_body").append("<tr><td>"+sno+"</td><td>"+fname+"</td><td> 
"+lname+"</td><td>" + btn + "</td><td>" + btnview + "</td></tr>");

});
/* Delete */

$('#table_body').on('click', ".removeEmployee", function(){ // note: using 
'removeElement' as class, not as id
var key = $(this).attr('key');
var itemToRemove = rootRef.child(key);
itemToRemove.remove()
.then(function() { // removed from Firebase DB
console.log("Remove succeeded.")
alert("Successfully remove.");
window.location.reload();
})
.catch(function(error) {
console.log("Remove failed: " + error.message)
});

});
// keeping this separate so that even if the item is removed by any other 
means (e.g.- directly from server console) this UI will remain in sync
rootRef.on('child_removed', function(snap) {
var key = snap.key;
$('#'+key).remove();
});

我想点击查看按钮，然后它会转到我点击它的孩子的信息。

Answer 1

我想您想要在 view 按钮的点击中检索数据。如果是这样，您可以将以下代码放在查看按钮点击功能下。

var key = $(this).attr('view');
firebase.database().ref("tutee/" + key).once("value", snap =>{
              var sno = snap.val().studentnumber;
              var fname = snap.val().firstname;
              var lname = snap.val().lastname;
              var email = snap.val().email;
}

请阅读retreiving data from firebase。

Firebase查看列表中的特定子项。网站

1 个答案: