Adicionando um evento de clique a um elemento?

Como se pode atribuir um evento de clique a um intervalo arbitrário (eg. <span id="foo">foo</span>) em um aplicativo ST2?

Eu tenho um exemplo trivial que ilustra a ideia do que eu gostaria de fazer. No exemplo, eu escrevo as letrasA,B,C e gostaria de dizer ao usuário em qual letra eles clicaram.

Aqui está uma imagem:

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);
    }
});

questionAnswers(1)

yourAnswerToTheQuestion