javascript - CompositeView，其中子项可以来自多个集合

Question

简而言之，这就是我所需要的。

我需要显示一个下拉列表/组合框，其中的子项可以来自许多集合。所有这些集合的模型都有一个文本属性，我将在下拉列表中显示该属性。

我想知道是否可以从许多集合中创建下拉列表。

即:

Collection one has:
Text: A, Fungus: 9
Text: B, Fungus: 7
Text: C, Fungus: 6

Collection 2 has:
Text: Q, NumberOfBugs: 8
Text: R, NumberOfBugs: 9
Text: S, NumberOfBugs: 7

我的下拉列表最终看起来像:

<option>A</option>
<option>A</option>
<option>A</option>
<option>Q</option>
<option>R</option>
<option>S</option>

因此，如果我选择 A，我希望能够获得具有 Fungus 属性的 A 模型，如果我选择 R，我希望获得具有 NumberOfBugs 属性的 R 模型。

这个想法是它们是两个具有共同属性的集合，但在后端对应不同的模型。

在 Marionette/Backbone 中有什么方法可以做到这一点吗？

有什么方法可以创建具有多个数据源/集合的下拉列表？

合并到一个集合中将不起作用，因为同步/获取操作将无法正常工作。

Answer 1

如果这些集合始终在您的应用程序中一起工作，您可以从一开始就将它们作为一个集合，然后使用类似 backbone-filtered-collection 的子集合。对于自定义行为和同步/获取:添加到子集合的模型也会添加到常规模型中。

var general = new Backbone.Collection
var fungus = new FilteredCollection(general)
var bugs = new FilteredCollection(general)

fungus.filterBy(function(model){
  return model.has('fungus')
})

bugs.filterBy(function(model){
  return model.has('numberOfBugs')
})

general.add([
    {text: 'A', fungus: 9},
    {text: 'B', fungus: 7},
    {text: 'C', fungus: 6},
    {text: 'Q', numberOfBugs: 8},
    {text: 'R', numberOfBugs: 9},
    {text: 'S', numberOfBugs: 7}
  ])



// general.length => 6
// fungus.length => 3
// bugs.length => 3

希望对你有帮助