从ExtJS中的组件中删除侦听器

Question

我的两个文本字段之间发生了双向更新（注意：我不想为此使用MVVM绑定）。

当按键时，

textfield1 会更新 textfield2 ，反之亦然。我需要在接收文本字段上禁用侦听器，否则我最终会进入无限循环。

Ext.define('MyApp.view.TestView', {
    extend: 'Ext.panel.Panel',
    layout: 'form',

    items: [{
        id: 'tf1',
        xtype: 'textfield',
        fieldLabel: '1',
        listeners: {
            change: function() {
                var r = Ext.ComponentQuery.query('#tf2');
                r[0].setValue(this.getValue() + "!")
            }
        }
    }, {
        id: 'tf2',
        xtype: 'textfield',
        fieldLabel: '2',
        listeners: {
            change: function() {
                var r = Ext.ComponentQuery.query('#tf1');
                r[0].setValue(this.getValue() + "!")
            }
        }

    }]
});

显然，在上面的例子中，如果我做了一个按键，我最终会得到两个带有无限＆＃39;！＆＃39;的文本字段。最后。

小提琴在这里：

https://fiddle.sencha.com/#fiddle/1ces

我需要禁用侦听器。我看了一下＆＃39; removeListener ＆＃39;，我想你会像这样使用它：

        r[0].removeListener('change');

但是我需要一个对我的监听器的引用，所以我可以在setValue（..）发生后再添加它。

Answer 1

经过深入挖掘后，我发现 suspendEvents 和 resumeEvents 解决了我的问题。

        r[0].suspendEvents();

        r[0].setValue(this.getValue() + "!")

        r[0].resumeEvents();

禁用所有侦听器并重新启用它们。