javascript - イベント リスナーとカスタム イベント ExtJS

Question

次のコードは、私がやりたいことを正確に実行します。

Ext.define('Animal', 
    {
        extend: 'Ext.util.Observable',
        name: 'Unknown',
        sound: 'Unknown',
        constructor: function(name)
        {
            this.name = name;
            this.addEvents('talk'); //not needed. AddListener(.on) creates the event in the Observable if it didn't already exist... - Animal www.sencha.com
            this.listeners = this.listeners;
            this.callParent(arguments);
            for(i = 0; i<arguments.length; i++)//callParent(arguments)? array(ish)
                console.log(arguments[i]);
        },
        makeSound: function() 
        {
            alert(this.name + " says " + this.sound);
            this.fireEvent('talk');
        },
        listen: function()
        {
            alert(this.name + " is listening.");
        }
    });

Ext.define('Cats',
    {
        extend: 'Animal',
        name: 'Unknown',
        sound: 'Meow',
    });
Ext.define('Dogs',
    {
        extend: 'Animal',
        name: 'Unknown',
        sound: 'Woof',
    });
var cat1 = Ext.create('Cats', 'Domino');
var cat2 = Ext.create('Cats', 'Tiger');
var dog1 = Ext.create('Dogs', 'Bruno');
var dog2 = Ext.create('Dogs', 'Spot');

cat1.on('talk', function(){dog1.listen()});
dog2.on('talk', function(){cat2.listen()});

cat1.makeSound();
cat2.makeSound();
dog1.makeSound();
dog2.makeSound();

dog1(Bruno) は cat1.makeSound をリッスンし、dog1.listen で応答します。次に、リスナー構成を使用してみます。

var cat1 = new Cats({
    name: 'Domino',
    listeners:
    {
    scope: dog1,
    talk: dog1.listen
    }
});

私はそれを機能させるのに問題があるようです。構文を正しく使用しているかどうかわからないため、構文の例を見つけるのに苦労しています。この問題を解決するのに役立つ例や情報があれば教えてください。以下は、イベント処理のリスナー構成方法の完全なコードです。

Ext.define('Animal', 
    {
        extend: 'Ext.util.Observable',
        name: 'Unknown',
        sound: 'Unknown',
        constructor: function(config)
        {
            this.name = config.name;
            this.addEvents('talk'); //not needed. AddListener(.on) creates the event in the Observable if it didn't already exist... - Animal www.sencha.com
            this.listeners = this.listeners;
            this.callParent(arguments);
            for(i = 0; i<arguments.length; i++)//callParent(arguments)? array(ish)
                console.log(arguments[i]);
        },
        makeSound: function() 
        {
            alert(this.name + " says " + this.sound);
            this.fireEvent('talk');
        },
        listen: function()
        {
            alert(this.name + " is listening.");
        }
    });

Ext.define('Cats',
    {
        extend: 'Animal',
        name: 'Unknown',
        sound: 'Meow',
    });
Ext.define('Dogs',
    {
        extend: 'Animal',
        name: 'Unknown',
        sound: 'Woof',
    });
var cat1 = new Cats(
    {
        name: 'Domino',
        listeners:
        {
            talk: dog1.listen
        }
    });
var cat2 = Ext.create('Cats', 'Tiger');
var dog1 = Ext.create('Dogs', 'Bruno');
var dog2 = new Dogs(
    {
        name: 'Spot',
        listeners:
        {
            talk: cat2.listen
        }
    });

cat1.makeSound();
cat2.makeSound();
dog1.makeSound();
dog2.makeSound();