Добавить новые значения в поле тега, нажав ввод вместо запятой

Question

У меня есть поле тега, и я хочу, чтобы мои пользователи могли добавлять к нему новые значения. Я могу достичь этого, установив forceSelection: false. Пользователь может ввести новую запись в поле тега. Когда они будут набирать текущую запись, они могут нажать запятую, и она будет добавлена.

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

jsFiddle здесь: link

Answer 1

Просто используйте 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 
     }] 
    }] 
});