似乎无法响应煎茶触摸中的事件触发

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 处理程序添加到代码的第一个sn-p，与beforeactivate 和deactivate 在同一块中会发生什么？这能抓住事件吗？如果是这样，你没想到它会在那里被抓到吗？如果是这样，可能是一个轻微的设计问题。