Extjs现代工具包6.5.2 Triton绑定Multiselect字段

Question

我试图在现代工具包中模拟存在于经典工具包中的tagfield，我找到了两种方法：

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

和

ExtJs 6 Modern toolkit Multiselect field

我用这两种方法：

{
    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}'
   },
}