Hello, guys, I'm trying to access the span elements that I got rendered using the tpl in after render callback but when ever I try to get something rendered using tpl in after render function using Ext.get function it returns undefined. Can somebody guide me what is it that I'm doing wrong.

Code:
Ext.Array.forEach(records, function( subject, index ) {
            


            var myStore = Ext.create('Ext.data.Store', {
                fields: [
                    { name:'src', type:'string' },
                    { name:'caption', type:'string' }
                ],
                data: subject.get('requirements'),
                storeId:'myStore',
             });
            debugger;
                abcd.add({
                    items: Ext.create('Ext.view.View', {
                        store: myStore,
                        tpl: [
                            '<tpl for=".">',
                                    '<span id={code} class="x-editable thumb-wrap">{description}</span>',
                            '</tpl>',
                            '<div class="x-clear"></div>'
                        ],
                        prepareData: function(data) {
                            // debugger;
                            Ext.apply(data, {
                                shortName: data.pp,
                            });
                            return data;
                        },
                        itemSelector: 'span.thumb-wrap',
                        listeners: {    
                            afterrender: function( view ) {
                                Ext.get('someId').removeCls('remove classes')
                            },
                        }
                    })
                });
        });