1

我正在尝试构建一个包含播放列表的 Spotify 应用程序。我需要为播放列表视图提供额外的列。我无法将 html 注入视图，因为模型很快就会覆盖编辑。有什么方法可以将我自己的数据添加到播放列表项中？目前，我有一个在播放列表视图旁边使用另一个 <ul> 的 hack。这看起来像是播放列表的扩展，但缺少很多功能。

更新：这是我最终做的。这主要是由下面的评论引起的。

playlistModel = new models.Playlist();
    var playlistView = new views.List(playlistModel, function(track) {
    var myData = getDataFor(track.data.uri);
    var trackView = new views.Track(track,
            views.Track.FIELD.NAME |
                views.Track.FIELD.ARTIST |
                views.Track.FIELD.DURATION |
                views.Track.FIELD.ALBUM);

    var name = document.createTextNode(myData.name);

    var img = document.createElement('img');
    img.src = 'https://graph.facebook.com/' + myData.friendID + '/picture';
    img.className = 'friendPic';
    img.alt = 'facebook profile picture of ' + myData.friendName;

    var span = document.createElement('span');
    span.appendChild(img);
    span.appendChild(name);

    trackView.node.insertBefore(span, trackView.node.firstChild);

    return trackView;
});
$('#playlist').append(playlistView.node);
4

1 回答 1

1

我得到了这个工作，但我不确定这是否是一个好的和可靠的生产计划，因为它将取决于内部数据结构。

//Code alters the list returned from views.List and appends a column with the text PLAY.
var results = document.getElementById('idOfElementToDisplayListIn');
var pl = models.Playlist.fromURI(playlist_url, function(playlist) {
        var list = new views.List(playlist, function (track) {
    var ntrack=new views.Track(track, 
           views.Track.FIELD.NAME |
           views.Track.FIELD.ARTIST |
           views.Track.FIELD.DURATION |
           views.Track.FIELD.ALBUM);
    var aNode = document.createTextNode("PLAY");
    ntrack.node.appendChild(aNode);
    return ntrack;
    });
    results.appendChild(list.node); 
});
于 2012-07-06T18:41:33.710 回答