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-attribute中。您是否可以在data-id="databaseID"中复制ID。然后removed.fu.pillbox将返回：

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

我不推荐，但你可以分别存储一个药丸DOM元素的副本，然后使用数据值属性（如果是唯一的）然后引用一个索引每当发生事件（添加/删除）时，DOM元素的外部存储并从药盒中更新它。

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

燃料UX药盒

1 个答案: