ds19891231 2019-04-09 17:07
浏览 57
已采纳

如何修复此Firebase数据检索?

I need some help in displaying all the values in a Firebase database, in a table. As is, it is just displaying the first value in the table alone

Results:

enter image description here

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,
 }
  • 写回答

1条回答 默认 最新

  • dshakcsq64956 2019-04-09 17:28
    关注

    You need to create a cell for each value here :

    you need to create cells for each data

    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));
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!