Fuel UX藥盒

Question

我正在嘗試從Fuel UX實現Pillbox。我在移除項目時遇到了一個問題。 Fuel UX提供了可用於獲取已刪除項目詳細信息的方法。我想獲取已刪除項目的ID，以便我可以從我的數據庫中刪除它。

下面是僞代碼（對不起，我這個燃油UX新） -

// binding pills 
    $('#filterpills').pillbox('addItems', 0, [{ 
    text: 'facedbook.com', 
    value: '1' 
}]); 

// remove pills 
$('#filterpills').on('removed.fu.pillbox', function (item) { 
    // do something 
    alert('removed -value'+ $(item).data('value')); 
    // want to get id of the deleted item here. 
    // while using item in alert its showing - {object} 

}); 

請幫我把（對facebook.com即1）刪除ID或價值，這樣我可以刪除這個來自數據庫的條目也是如此。

感謝提前:)

Answer 1

您需要將數據庫ID存儲在數據屬性。您是否可以複製data-id="databaseID"中的ID。然後removed.fu.pillbox將返回：

Object {text: "Item 1", value: "foo", id: "databaseID"}

我不會推薦它，但是你可以單獨存儲丸DOM元素的副本，然後使用數據值屬性（如果唯一），以便然後在DOM元素的外部存儲中引用索引，並在每次發生事件（添加/刪除）時從藥盒中更新它。

您也可以提出一個問題請求，在捕獲事件的實際移除之前觸發事件，然後根據數據在DOM中搜索節點。