extjs
Modelo de evento

Android ASP.NET C# Language Cordova CSS HTML Java Language JavaScript jQuery PHP
Buscar..


Introducción

ExtJS aboga por el uso de la activación y la escucha de eventos entre clases. Al desencadenar eventos y escucharlos, las clases no requieren un conocimiento 'sucio' de la estructura de clases de los demás y evitan el acoplamiento de código. Además, los eventos facilitan la escucha de varias instancias del mismo componente al permitir una escucha genérica para todos los objetos con el mismo selector. Finalmente, otras clases también pueden hacer uso de eventos que ya existen.

Controladores que escuchan los componentes

Ext.define('App.Duck', {
    extend: 'Ext.Component',
    alias: 'widget.duck',
    initComponent: function () {
        this.callParent(arguments);
        this._quack();
    },
    _quack: function () {
        console.log('The duck says "Quack!"');
        this.fireEvent('quack');
    },
    feed: function () {
        console.log('The duck looks content.');
    },
    poke: function () {
        this._quack();
    }
});
    
var feedController = Ext.create('Ext.app.Controller', {
    listen: {
        components: {
            duck: {
                quack: 'feedDuck'
            }
        }
    },
    feedDuck: function (duck) {
        duck.feed();
    }
});

var countController = Ext.create('Ext.app.Controller', {
    listen: {
        components: {
            duck: {
                quack: 'addCount'
            }
        }
    },
    quackCount: 0,
    addCount: function (duck) {
        this.quackCount++;
        console.log('There have been this many quacks: ' + this.quackCount);
    }
});

var firstDuck = Ext.create('App.Duck');
// The duck says "Quack!"
// The duck looks content.
// There have been this many quacks: 1
var secondDuck = Ext.create('App.Duck');
// The duck says "Quack!"
// The duck looks content.
// There have been this many quacks: 2
firstDuck.poke();
// The duck says "Quack!"
// The duck looks content.
// There have been this many quacks: 3


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow