Ajouter un événement click à un élément?

Comment peut-on affecter un événement click à l'arbitraire d'un span (eg. <span id="foo">foo</span>) dans une ST2 application?

J'ai un exemple trivial qui illustre bien l'idée de ce que je voudrais faire. Dans l'exemple, j'écris les lettres A,B,C et j'aimerais l'utilisateur de la lettre qu'ils ont cliqué.

Voici une image:

Ajouter un événement click à un élément?


EXTRAIT DE CODE

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

source d'informationauteur