似乎无法响应 sencha touch 中的事件火灾

Question

我正在尝试在 sencha touch 中触发自定义事件，它似乎被添加到可以触发的事件中，并且它似乎触发了，但我的侦听器似乎没有响应该事件。

事件在这里实例化，这是表单主体：

Ext.apply(this, {
        scroll: 'vertical',
        dockedItems: [ titlebar, buttonbar ],
        items: [ fields ],
        listeners: {
            beforeactivate: function() {
                var saveButton = this.down('#userFormSaveButton');
                    saveButton.setText('Submit');
                    this.addEvents('cityUpdate');
                    console.log('event added');

            },
            deactivate: function() {
                this.resetForm();
            }
        }
    });

然后在此处触发事件：

  if (result.data != 'false' && result.data.state) {
        Ext.getCmp("usersForm").fireEvent('cityUpdate', result.data.towns);
        console.log('event fired');
        alert('Your town is ' + result.data.towns + ' ' + result.data.state.replace( /\+/g , ' ' ));

    }

然后将侦听器应用于此处表单中的字段：

                {
                xtype: 'textfield',
                name: 'city',
                label: 'City*',
                placeHolder: 'New York',
                useClearIcon: true,
                id:'city',
                listeners: {
                    cityUpdate: function(city) {
                        console.log('event reponse' , this.fieldEl.dom , city);
                    }
                }
            },

有人可以向我解释一下为什么我看不到事件响应调用控制台？我看到添加了事件并触发了事件，但我似乎从未让事件实际运行事件响应控制台语句。我在控制台中没有收到任何错误，所以我对这里发生的情况有些茫然？

Answer 1

看起来表单正在触发事件，但您已将侦听器添加到表单上的文本字段中。

如果 usersForm 是调用 fireEvent 的那个，那么该事件的侦听器需要位于 usersForm 本身上。

如果将 cityUpdate 处理程序添加到第一个代码片段中，与 beforeactivate 和 deactivate 位于同一块中，会发生什么？这能抓住事件吗？如果是这样，你没想到它会被抓到那里吗？如果是这样，可能是一个轻微的设计问题。