Современный инструментарий Extjs 6.5.2 Привязка к тритону Поле Multiselect

Question

Я пытаюсь смоделировать в современном наборе тегов поле тега , которое существовало в классическом наборе инструментов, я нашел два способа сделать это:

https://github.com/facilitiesexchange/TagField/

AND

ExtJs 6 Modern toolkit Поле Multiselect

Я использовал оба этих способа:

{
    xtype:'multiselectfield', //tagfield
    multiSelect: true,
    displayField: 'name',
    required: true,
    store: [
        { name: 'Peter',  age: 26 },
        { name: 'Ray',   age: 21 },
        { name: 'Egon', age: 24 },
        { name: 'Winston', age: 24 }
     ],
    label : 'People'
}

Первое настраиваемое поле работало для отображения данных из моего хранилища, но я не получил привязку к выбранным значениям.

Второе выдало некоторые ошибки и, когда исправило их, не отображало никаких значений измой магазин вообще, поэтому у меня не было возможности связать выбранные значения.

Так что я хотел бы знать, как связать выбранные значения в мультиселект поле с моей viewModel.Вот моя скрипка: https://fiddle.sencha.com/#view/editor&fiddle/2lf0

Answer 1

с выбранным как:

{
   xtype: 'tagfield',
   itemId: 'tagfield',
   multiSelect : true,
   displayField: 'name',
   valueField: 'id',
   bind: {
       label: '{i18n.topic.topics} ',
       store: '{topics}',
       selected: '{record.topics}'
   },
}