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位于同一块中，会发生什么？这有没有抓住这个事件？如果是这样，你不期待它被抓到那里吗？如果是这样，可能会出现轻微的设计问题。

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

1 个答案: