Sencha Touch - Listeners and Event Delegation - will they blend?
===

I've recently started using Sencha Touch on a project, although I've used ExtJS for some time the two are different in many ways. To complicate the learning curve, I'm applying ST as more of an underlying framework than as a whole UI/framework/does everything deal. As such, I've come across a situation where I'd like to use the array method of setting listeners for elements while also wanting to maintain the use of events such as "painted" and such.

Here's an example - I'm 99% positive there is a better way to do what I'm trying to do:

    Ext.create('Ext.Container', {
        html: '<ul><li id="blah">Blah</li><li id="hooey">Hooey</li></ul>',
        listeners: [{
            element: 'element',
            delegate: 'li#blah',
            event: 'tap',
            fn: function() { /* do something for blah */ }
        },{ 
            /* repeat for hooey, etc */
        }]
    });


On the flip side, what if I want a standard listener on the container?

    Ext.create('Ext.Container', {
        listeners: {
            activate: function() {
                // do some stuff here
            }
        }
     });

I'd like to know the Best Practice for doing these on the same component instead of, say, having to do the activate listener and then apply the element tap event handlers to the component on activate/show/paint/whathaveyou. 
           
Note: tagging with extjs as I __assume__ it applies there as well - if not, please feel free to edit or let me know and I'll pull the tag.