通过按 enter 而不是逗号将新值添加到标记字段

Add new values to a tag field by pressing enter instead of comma

我有一个标签字段,我希望我的用户能够向它添加新值。我可以通过设置 forceSelection: false 来实现。用户可以在标签字段中键入他们的新条目。当他们完成当前条目的输入时,他们可以按逗号,它就会被添加。

问题是逗号键不是很直观,更重要的是用户不能添加本身包含逗号的条目。无论如何我可以将此功能重新分配给回车键吗?

jsFiddle 在这里:link

只需使用createNewOnEnter:

Ext.create('Ext.container.Viewport', {
    layout: 'fit',
    padding: 100,
    items: [{
        items: [{
            width: 400,
            xtype: 'tagfield',
            store: ['existing item', 'another existing item'],
            queryMode: 'local',
            forceSelection: false,
            autocomplete: 'off',

            createNewOnEnter: true
        }]
    }]
});