Fuel UX 药盒

Question

我正在尝试从 Fuel UX 实现 Pillbox。我在删除该项目时遇到了一个问题。 Fuel UX 提供了一些方法，我们可以使用这些方法来获取已删除项目的详细信息。我想获取已删除项目的 ID，以便我可以将其从数据库中删除。

下面是虚拟代码（对不起，我是这个 Fuel 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}

});

请帮助我获取已删除的 id 或值（即 facebook.com 的 1），以便我也可以从数据库中删除此条目。

提前致谢:)

Answer 1

您需要将数据库 ID 存储在数据属性中。你能复制data-id="databaseID"中的ID吗？然后removed.fu.pillbox 会返回：

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

我不推荐它，但是您可以单独存储药丸 DOM 元素的副本，然后使用 data-value 属性（如果唯一）然后在该外部引用索引存储 DOM 元素并在每次事件（添加/删除）发生时从药盒中更新它。

您还可以发出问题请求以在捕获事件的实际删除之前触发事件，然后根据数据在 DOM 中搜索节点。