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

Question

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

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

和

我都是这样用的：

{
    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 绑定。这是我的 fiddle：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}'
   },
}

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

Extjs modern toolkit 6.5.2 Triton binding Multiselect field

javascript

extjs

multi-select

extjs6

extjs6-modern