Hello,

I do have a generic question regarding event listeners that I don't get.

Code:
 xtype: 'treelist',
            store: {
                root: {
                    expanded: false,
                    children: [
                        {
                            xtype: 'treelistitem',
                            text: 'Item',
                            leaf: true
                        },
                        {
                            xtype: 'treelistitem',
                            text: 'Item1',
                            leaf: true,                              
                        }
                    ]
                }
Suppose I have the above treelist with treelistitems inside. My intention is to know when Item1 is clicked. I don't care about item. I know that the obvious solution would be to add an clickitem listener on the treelist and then filter to see if the 'Item1' is clicked. However, what I would like to do, is to use the treelistitem's event 'focus' which uses Ext.mixin.Focusable . In general, how do I use events coming from another component? I don't seem to understand this. I've trying doing it the regular way

Code:

 xtype: 'treelist',
            store: {
                root: {
                    expanded: false,
                    children: [
                        {
                            xtype: 'treelistitem',
                            text: 'Item',
                            leaf: true
                        },
                        {
                            xtype: 'treelistitem',
                            text: 'Item1',
                            leaf: true,  
                            listeners: {
focus: function(arguments){

}
                            }
                        }
                    ]
                }
But that does not seem to work. Any ideas? I'm using Extjs 6.5.1 Thank you for your time.