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

Question

我已经尝试了ember-power-select插件的所有功能。但是我不能用ember-power-select实现multi-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

您可能需要在power-select-multiple中使用grouped option。

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'
]