javascript - Backbone 重新排序了一个集合，以便家始终是第一位的？

Question

我做了一个FIDDLE

在我的主应用程序中更改 home 时球队到新球队时，如果集合中的模型位于底部，则无论主场还是客场，都会在底部渲染。

我想使用比较器来设置 home 的模型模型前面的属性带有 away属性，以便渲染时的顺序始终是 home ->away。

这很好，我不必进行任何 DOM 操作，只需让模型的顺序处理我的 UI。

示例集合

var teams = new TeamsCollection([
    { team_name: 'bulls', playing: true, side: 'home' },
    { team_name: 'wizards', playing: true, side: 'away' },
    { team_name: 'spurs', playing: false, side: null }
]);

然后我有一些逻辑来限制我传递给我的 View 的模型，该 View 只会渲染 team_name: 'bulls'和team_name: 'wizards'

公牛队已经主场，所以已经排在第一位，然后是客场奇才队。我希望将主队保留为一线队。

因此，当您想要将主队更改为 spurs 时，我有重新渲染集合的逻辑。例如，它会 set team_name: 'bulls'至playing: false, side: null和马刺playing: true, side: 'home'

由于马刺模型是该系列中的最后一个模型，因此它将在客队向导下渲染。我知道这可以通过使用比较器来更改，但我有点困惑，因为我不是添加，而是设置。

Answer 1

在更改模型的任何属性后，调用 teams.sort() 根据比较器重新排序。