如何从ExtJS组件的innerhtml调用函数

Question

我在ExtJS中有这个组件，我正在设置一些HTML，并且我必须在其中调用onclick。那么如何从Extjs组件的HTML中调用javascript函数

这是我的代码：

组件

：

  collapsed: true,
                    layout: 'fit',
                    items: [
                        {
                            xtype: 'component',
                            itemId: 'requirementHeaderViewID-' + i,
                            html: arrReqTplTest

                        }
}
);

这是HTML：

arrReqTplTest = ['<div class="wrap-req"><table><tr><th class="wrap-req">' +
                'NAME  ' +
                '<img src="resources/images/arrow-bottom-1-512.png" width="10px" height="10px" onclick="{[this.sortStore();]}"/>' +
                '</th><th class="wrap-req">CATEGORY ' +
                ' <img src="resources/images/arrow-bottom-1-512.png" width="10px" height="10px" onclick="sortStore();"/>' +</th>'</table>',
                </th></tr></table></div>

这是函数让我们说：

sortStore: function(){
alert('xyz');
}

为了方便起见，我缩短了代码，因此可能会出现语法错误，但确保一切正常，但我只需要知道如何在加载页面后从HTML中调用JS函数，该函数是Ext.JS组件的一部分。