How do I remove a row a Row from List?

[ziaullhaq.s]

We have created a List using SenchaTouch
Each row in a List have the Image of (Delete Icon). When a person clicks on the this icon(Image) the respective row of an image should get deleted.
The main issues are
1) : The (onclick : function) of an (Html: Image) is not working.
2) : If this function workes also then there is a scope problem.

var reviewUrOdrDetailList = Ext.create('Ext.dataview.List',{
cls : 'transperantPanelCLs'
,width : '100%'
,scroll : 'none'
,id : 'myList'
,itemTpl : '<div class="restListDiv">'
+'<table width ="100%">'
+'<tr width = "100%" >'
+'<td width="90%" >'
+'<table width = "100%" height = "35">'
+'<tr rowspan = 3>'
+'<td>'
+'<p class = "reviewUrOdrDetailName">{reviewUrOdrDetailName}</p>'
+'</td>'
+'</tr>'
+'<tr >'
+'<td>'
+'<p class = "reviewUrOdrDetailPrice">{reviewUrOdrDetailPrice}</p>'
+'</td>'
+'</tr>'
+'</table>'
+'</td>'
+'<td width="10%" >'
+'<img src = "Images/Map/minus_red.png" width = "20px" height="20px" onclick="alert(\'Zia\');" >'
+'</td>'
+'</tr>'
+'</table>'
+'<div>'

[mitchellsimoens]

To remove a row from a list you have to remove the record from the store.

[ziaullhaq.s]

The issue is when a persion clicks on DELETE icon in each row of list. The respective row of the list should get deleted.