Extjs 现代工具包 6.5.2 Triton 绑定多选字段
Extjs modern toolkit 6.5.2 Triton binding Multiselect field
我试图在现代工具包中模拟经典工具包中存在的 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
被选中的喜欢:
{
xtype: 'tagfield',
itemId: 'tagfield',
multiSelect : true,
displayField: 'name',
valueField: 'id',
bind: {
label: '{i18n.topic.topics} ',
store: '{topics}',
selected: '{record.topics}'
},
}
我试图在现代工具包中模拟经典工具包中存在的 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
被选中的喜欢:
{
xtype: 'tagfield',
itemId: 'tagfield',
multiSelect : true,
displayField: 'name',
valueField: 'id',
bind: {
label: '{i18n.topic.topics} ',
store: '{topics}',
selected: '{record.topics}'
},
}