¿Agregando un evento de clic a un elemento?

¿Cómo se puede asignar un evento de clic a un intervalo arbitrario (eg. <span id="foo">foo</span>) en una aplicación ST2?

Tengo un ejemplo trivial que ilustra la idea de lo que me gustaría hacer. En el ejemplo, escribo las letras.A,B,C y me gustaría decirle al usuario en qué letra hicieron clic.

Aquí hay una imagen:

FRAGMENTO DE CÓDIGO

Ext.application({

    launch: function() {
        var view = Ext.create('Ext.Container', {

            layout: {
                type: 'vbox'
            },
            items: [{
                html: '<span id="let_a">A</span>  <span id="let_b">B</span> <span style="float:right" id="let_c">C</span>',
                style: 'background-color: #c9c9c9;font-size: 48px;',
                flex: 1
            }]
        });
        Ext.Viewport.add(view);
    }
});

Respuestas a la pregunta(1)

Su respuesta a la pregunta