ember.js - 构建 Ember Power-Select 组件

Question

想知道是否可以按如下方式使用 Ember power-select。

我有一个有相关记录的模型。我正在尝试使用 PS 从该列表中选择一个以设置另一个相关记录。为了更全面地解释，这里是最终的结束状态。 (这是为了歌唱比赛，模型大写):

• 每位参赛者演唱多首歌曲
• 每首歌有一个图表
• 每位参赛者(提前)提交多份参赛作品以进行预审
• 每个提交都有一个图表

我正在尝试使用 power-select 从每个参赛者特定的预先清除的提交列表中为每首歌曲选择图表。

我可以让部分内容正常工作，但无法将全部内容整合在一起，因为(我认为)我正在尝试将提交内容和图表排列起来，它们是相关但不同的项目。

因此，在代表 Contestant 模型的页面上，我正在尝试:

{{power-select options=model.submissions onchange=(操作伪代码:将选定的 submission.chart 保存到 model.chart。)}}

我知道这对格式来说是个难题，但我无可救药地卡住了

更新:我仍然认为我遗漏了什么。这是显示所有模型及其关系的模式。

在此上下文中，主要“页面”(即“模型”)是性能。每场表演都有多首歌曲(准确地说是两首)，出于 UI 的目的，我更愿意同时显示这些歌曲。因此，我在此上下文中使用 {{#each model.songs as |song|}} 来选择 图表。每首歌曲 都有一个父级图表。更复杂的是，给定 song 的图表不一定必须出现在 submission 表中；但在大多数情况下，这就是图表列表的限制方式。

所以最终我想要做的是根据通过 submission 表(本质上是一个多对多通过。最终，我希望在 song 模型上保存 chart 字段，这意味着 上有两个电源选择组件性能页面。

我知道这是一个非常复杂的问题。但幸运的是，我已经准确地传达了问题......谢谢

Answer 1

如果我明白了，您只想在用户选择一个选项时设置一个 belongsTo 关系。

{{#power-select 
  options=model.submissions
  selected=model.chart
  onchange=(action (mut model.chart) value="chart") as |submission|}}

  {{submission.name}}

{{/power-select}}

选择提交后，它只会调用 model.set('chart', submission.chart)