如何解决此Firebase数据检索？

Question

在表格中显示Firebase数据库中的所有值时，我需要一些帮助。 照原样，它只是在表中单独显示第一个值

结果：

var tblCodes = document.getElementById('tbl_qrcode_list');
var databaseRef = firebase.database().ref('qrcode/');
var rowIndex = 1;

databaseRef.once('value', function(snapshot) {
snapshot.forEach(function(childSnapshot) {
var childKey = childSnapshot.key;
var childData = childSnapshot.val();

var row = tblCodes.insertRow(rowIndex);
var cellId = row.insertCell(0);
var cellName = row.insertCell(1);
cellId.appendChild(document.createTextNode(childKey));
cellName.appendChild(document.createTextNode(childData.qrcode_desc));
rowIndex = rowIndex + 1;
 });
});

function save_code(){
var qrcode_desc = document.getElementById('qrcode_desc').value;
var qrcode_grp = document.getElementById('qrcode_grp').value;
var qrcode_stg = document.getElementById('qrcode_stg').value;
var qrcode_img = document.getElementById('qrcode_img').value;

var qrid = firebase.database().ref().child('qrcode').push().key;

var data = {
  qrcode_id: qrid,
  qrcode_desc: qrcode_desc,
  qrcode_grp: qrcode_grp,
  qrcode_stg: qrcode_stg,
  qrcode_img: qrcode_img,
 }

Answer 1

您需要在此处为​​每个值创建一个单元格：

您需要为每个数据创建单元格

var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
var cell5 = row.insertCell(4);

cellName.appendChild(document.createTextNode(childData.qrcode_desc));
cellName.appendChild(document.createTextNode(childData.qrcode_grp));
cell3.appendChild(document.createTextNode(childData.qrcode_id));
cell4.appendChild(document.createTextNode(childData.qrcode_img));
cell5.appendChild(document.createTextNode(childData.qrcode_stg));