ExtJS 6 中的 Tagfield 选择焦点问题

Question

Tagfield 焦点 ExtJS 6. 中的 emptyText 存在问题。设置 emptyText 会破坏选择器焦点管理中的某些内容，并防止选择器在标记字段失去焦点时被解雇.

这个弹出窗口有解决办法吗？

请查找fiddleGlitch in tagfield when using emptyText config

Answer 1

我发现即使没有设置emptyText配置，问题仍然存在，说明这是选择器焦点的普遍问题。如果您单击文本输入，然后单击下拉菜单，您可以关闭选择器。作为一种解决方法，您可以通过侦听 expand 事件来强制选择器的焦点。下面的代码演示了这一变化：

{
    xtype: 'tagfield',
    fieldLabel: 'Select states',
    store: {
        type: 'states'
    },
    emptyText: 'Select...',
    displayField: 'state',
    valueField: 'abbr',
    filterPickList: true,
    queryMode: 'local',
    listeners: {
        expand: function (field) {
            field.getPicker().focus();
        }
    }
}