-1

我正在尝试从 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），以便我也可以从数据库中删除此条目。

提前致谢 ：）

4

1 回答 1

0

您需要将数据库 ID 存储在数据属性中。是否可以复制data-id="databaseID". 然后removed.fu.pillbox会返回：

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

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

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

于 2014-09-10T13:09:38.090 回答