将Ext.XTemplate中的onClick函数添加到特定的内部元素

Question

我有一个列表，我创建了itemTpl配置为“Ext.XTemplate”对象，我可以使列表项的监听器，但我无法为“Ext.XTemplate”中的特定元素指定onClick，每次单击整个列表项而不是内部元素onClick时，我试过这个但是也没有正常工作

{
 xtype: 'list',
 reference: 'goodsList',
 scrollable: 'y',
 itemTpl: Ext.create('Ext.XTemplate',
                "<div class='goods-item'> " +
                "<span class='goods-info'> {countryOfOrigin} - {valueOfOrigin} - {valueInQar} </span>" +
                "<button class='goods-btn' onclick={[this.onDelete(values.id)]}> Delete </button> </div> "
                ,
                {
                    onDelete: function (value) {
                        alert(value);
                    }
                }
            ),
 listeners: {
                itemtap: 'onListItemTap'
            },
 itemHeight: '50px',
 items: []
}