是否可以向标准化“列表”中的条目添加更多元素（或以其他方式改变）？在 Spotify 应用程序中查看？

Question

所以我在这个 stackoverflow 中使用“标准化曲目列表”问题，以及指南指导开发人员使用的问题。

我可以使用 css（仅显示：无等）轻松地删除曲目列表中每个条目的字段，并同样更改总体外观。但是，我想为每个条目添加另一个字段。

例如，请参阅 Spotify 客户端中的“热门列表”功能（对我来说，这是应用程序下的第二项）。这些列表看起来大多像普通的播放列表（当然，也按这样的方式操作），但每个元素旁边都有一个数字，并且格式有点不同。

是否可以在我自己的应用程序中执行此操作，而无需完全重新发明轮子？

我可以这样做： $(".sp-list a").each(function(){$(this).append("foo")}) 但这只会影响当前可见轨道（ish）。如果播放列表的一部分滚动到视图之外，这些曲目不会受到影响。此外，如果 Spotify 决定重新绘制列表的任何部分（确实发生了这种情况）（例如，如果我将受影响的项目滚动到视图之外并播放曲目），我就会丢失更改。所以这不是特别可行/干净。

想法？

Answer 1

今天早些时候，当我与 Spotify 开会时，我向他们询问了这个问题。
目前无法向 list.node 添加元素，但他们表示将调查“问题”。

在那之前，您必须将元素添加到 list.node 之外，您可以将其放在顶部（与position：absolute;一起），或者如果您的元素应该是第一个或则可以将其放在之前或之后（使用浮动）最后一栏。

Answer 2

到目前为止，这是（某种程度上）可能的；不太好但仍然。因此仅供参考：

删除字段： 编辑 Spotify 应用程序播放列表中的时间字段

添加 HTML：

//monkey-patch the views.Tracks class
var myTrackView = function (track) {
  views.Track.apply(this, arguments);
  this.node.appendChild($('<span>hi</span>')[0]);
}
myTrackView.prototype = views.Track.prototype;

//now tell the list to use this new class
var list = new views.List(playlist, function (track) {return new myTrackView(track)})
$('#playlist-placeholder').html(list.node)

您会看到 hi 现在出现在每一行上，并且其行为与播放列表的任何其他部分一样。

现在，为了保存我想要显示的额外信息，我只需将其添加到 track.data 对象中，以便我可以从 myTrackView 访问它。