手动移动焦点时组合不会模糊答案

【问题标题】：Combo doesn't blur when manually shifting focus手动移动焦点时组合不会模糊
【发布时间】：2011-12-28 12:55:12
【问题描述】：

我有一个组合框，可以在用户选择一个值后立即将焦点转移到另一个表单元素，使用以下配置：

new Ext.form.ComboBox({
    // ...
    listeners: {
        select: function( a, record ) {
            if ( typeof( record ) == 'undefined' ) {
                return;
            }

            if ( !Ext.getCmp('input-name').getValue() ) {
                Ext.getCmp('input-name').focus();
            }
        },
        blur: function() {
            console.log('blurred');
        },
        render: function( field ) {
            if ( !config.activity ) {
                field.onTriggerClick();
            }
        }
    },
    // ...
});

然而，奇怪的事情发生了。 “输入名称”表单字段获得焦点，我可以开始输入，但组合字段永远不会模糊。它仍然具有 'x-form-focus' 样式，并且永远不会触发 'blur' 事件。只有当我使用鼠标单击另一个字段时，组合才会模糊。

有谁知道发生了什么，以及我该如何规避这个问题？

【问题讨论】：

标签： javascript extjs extjs3

【解决方案1】：

我就是这样解决的：

listeners: {
    select: function( a, record ) {
        if ( typeof( record ) == 'undefined' ) {
            return;
        }

        /**
         * There's some weird stuff going on in the combo control, that causes it not to blur when shifting focus,
         * so we have to do it manually. This action has to be deferred, because the control is going to refocus 
         * itself at the end of the function firing this event (onViewClick()).
         */
        this.moveFocus.defer( 100, this );
    },
    render: function( field ) {
        field.moveFocus = function() {
            if ( !Ext.getCmp('input-name').getValue() ) {
                Ext.getCmp('input-name').focus();
                this.triggerBlur();
            }
        };

        if ( !config.activity ) {
            field.onTriggerClick();
        }
    }
},

【讨论】：

【解决方案2】：

当任何一段代码作为事件的一部分被执行并导致其他事件被触发时，新事件不会被触发。仅当用户在 UI 中执行某些操作导致组合框失去焦点而不是字段以编程方式失去焦点时，才应执行 onBlur。

【讨论】：