ember.js 构建Ember Power-Select组件

iqxoj9l9  于 2022-11-05  发布在  其他
关注(0)|答案(1)|浏览(203)

想知道如果Ember电源选择可以使用如下。
我有一个模特,有相关的记录。我尝试使用PS从列表中选择一个,以创建另一个相关的记录。为了更全面地解释,这里是最终的结束状态。(这是一个歌唱比赛,模特大写):

  • 每个参赛者演唱多首歌曲
  • 每首歌曲有一个排行榜
  • 每个参赛者(提前)提交多份申请,以进行预审核
  • 每份提交文件都有一个图表

我正在尝试使用强力选择从每个参赛者特定的预先清除的提交列表中为每首歌曲选择排行榜。
我可以让事情的一部分工作,但不能让整个事情在一起,因为(我认为)我试图排队提交和图表,这是相关的,但不同的项目。
因此,在一个表示Contestant模型的页面上,我尝试执行以下操作:
Performance
我知道这是一个很难的问题,但我无可救药地卡住了

**UPDATE:**我仍然认为我遗漏了一些东西。下面是显示所有模型及其关系的模式。x1c 0d1x

在这方面,主要的“页”(即“模特”)是Performance。每次演出都有多首歌曲(准确地说,是两个),出于UI的目的,我更愿意同时显示它们。因此,我在此上下文中使用{{#each model.songs as |song|}}来选择chart。每个song都有一个父chart。更复杂的是,用于给定x1M6 N1 X的图表不一定必须存在于x1M7 N1 X表上;但在大多数情况下,这就是图表列表的限制。
因此,我最终要做的是,根据通过submission表提交的内容(本质上是一个多对多的传递),得到一个chart对象的过滤列表。最终,我希望保存song模型上的chart字段,因此这意味着performance页面上有两个电源选择组件。
很复杂的问题,我知道。但幸运的是,我已经准确地表达了这个问题...谢谢

a64a0gku

a64a0gku1#

如果我有这个想法的话,您只需要在用户选择一个选项时设置一个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)

相关问题