Alloy Bound Tableview Delete Row from DB

Seems simple enough, but I am finding it difficult to locate resources which show how to do it. We want to display list of records from the DB (alloy), provide an edit and delete button (Imageview). On click, edit opens the edit screen and delete removes the record from the database. I added custom attribute record_id to imageview, but it does not seem to get passed in its event listener. We are displaying the records using bound tableview.

<TableView id="saleTable" dataCollection="Sales" editable="true" editing="true">
<TableViewRow>
    <View layout="horizontal">
         <Label text="{sale_date}"></Label>
         <Label text="{amount}"></Label>
         <ImageView id="delete" record_id="{id}" onClick="deleteRow" ></ImageView>
   </View>
</TableViewRow>
</TableView>

Please help.