獲得來自ID「追加（<tr><td="ID"> ...」

我填充表的一些數據，我從火力數據庫中獲取，爲此我使用追加（）獲得來自ID「追加（<tr><td="ID"> ...」

$("#table_body").append("<tr><td>" + nome + "</td>" + 
          "<td>" + marca + "</td>" + 
          "<td>" + modelo + "</td>" + 
          "<td>" + setor + "</td>" + 
          "<td>" + responsavel + "</td>" + 

          "<td><div buttons>"+ 
            "<button>Delete</button>"+" "+ 
            "<button>Edit</button>"+ 
           "</div></td></tr>");

但隨後，我不知道如何使用表格每一行上的「刪除」和「編輯」按鈕，我不應該有每行的ID？但是，如果行是否動態添加？

來源

2017-05-08 Leonardo Carvalho

您的數據模型中包含對象ID ...將其作爲屬性添加到該行中

然後用導線來closest()行分離情況

以下假定帶班按鈕添加：

<tr data-id="idFromFirebaseObject"> 
    .... 
    <button class="delete-btn">Delete</button>

然後使用事件委託考慮到不存在尚未在運行時

元素

$("#table_body").on('click','.delete-btn', function(e){ 
    // "this" is element event occurred on 
    var $row = $(this).closest('tr'), 
     rowId = $row.data('id'); 
     // do your thing with FB then in success callback remove row 
     .... 
     $row.remove(); 
})

來源

2017-05-08 02:34:53 charlietfl

對不起，對於遲來的答案，我無法測試它......現在，我實際上已經嘗試過測試這個，我不明白這個...你是什麼意思的「idFromFirebaseObject」？「而rowId = $ row.data（'id'）;」是'id'和'idFromFirebaseObject'一樣嗎？ –

添加到firebase的每個對象在保存時都會獲得唯一標識 – charlietfl

我使用push（）保存數據，因此它會自動生成對象的ID，我可以使用.key獲取此對象的引用，但我在另一個頁面上的firebase添加對象，並將它們列在這個頁面上，所以我在如何獲得這個參考上遇到麻煩... –

獲得來自ID「追加（<tr><td="ID"> ...」

回答

相關問題