Можно ли сделать multiSelect с помощью ember = power-select?

Question

Я попробовал все с ember-power-select addon.Но я не могу реализовать multi-select с ember-power-select.Мне нужно выбрать несколько вариантов для одной группы.

Возможно ли это?

Answer 1

Да, Ember Power Select имеет функцию множественного выбора.

Вам нужно использовать {{# power-select-multip}} . Компонент принимает массив значений, и выбранные значения (по умолчанию) будут перечислены рядом с компонентом.

{{#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 / множественный выбор

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