Question

我已经尝试了ember-power-select插件的所有功能。但是我无法用multi-select实现ember-power-select。我需要为单个组选择多个选项。

有可能吗？

Answer 1

是的，Ember Power Select具有多项选择功能。

您需要使用 {{＃power-select-multiple}} 。该组件接受值数组，并且所选值（默认情况下）将在组件中并排列出。

{{#power-select-multiple
  options=names
  selected=name
  placeholder="Select some names..."
  onchange=(action (mut name))
  as |name|
}}
  {{name}}
{{/power-select-multiple}}

您可以检查该功能并将其调整为您想要在官方文档中实现的功能：https://ember-power-select.com/docs/multiple-selection

Answer 2

您可能需要将grouped option与power-select-multiple一起使用。

hbs：

{{#power-select-multiple
  options=groupedNumbers
  selected=number
  placeholder="Select some numbers..."
  onchange=(action (mut number))
  as |number|
}}
  {{number}}
{{/power-select-multiple}}

js：

groupedNumbers: [
  { groupName: 'Smalls', options: ['one', 'two', 'three'] },
  { groupName: 'Mediums', options: ['four', 'five', 'six'] },
  { groupName: 'Bigs', options: [
    { groupName: 'Fairly big', options: ['seven', 'eight', 'nine'] },
    { groupName: 'Really big', options: [ 'ten', 'eleven', 'twelve' ] },
    'thirteen'
  ] },
  'one hundred',
  'one thousand'
]

ember = power-select可以实现multiSelect吗？

2 个答案: