Context: email application with "unread" images in leftImage, with several labels added to row

Setting (row)rowData[e.index].leftImage = '' clears icon successfully while table is unchanged.

After a a row is deleted, the new row at that index and those that come after cannot be cleared. Those before that index STILL CAN. Should this work?

Here's a modified version of (Kitchen Sink) table_view_delete_2.js event handler which shows this behavior.

// create table view data object
var data = [
    {title:'Row 1', leftImage: '../images/appcelerator_small.png', hasChild:true, foo:'row1'},
    {title:'Row 2', leftImage: '../images/appcelerator_small.png', hasDetail:true, foo:'row2'},
    {title:'Row 3', leftImage: '../images/appcelerator_small.png', foo:'row3'},
    {title:'Row 4', leftImage: '../images/appcelerator_small.png', foo:'row4'}


];


...

// create table view event listener
tableview.addEventListener('click', function(e)
{
    // event data
    var index = e.index;
    var section = e.section;
    var row = e.row;
    var rowdata = e.rowData;
    rowdata.leftImage = '';
    rowdata.className = 'selected'; // doesn't help
    Titanium.UI.createAlertDialog({title:'Table View',message:'row ' + row + ' index ' + index + ' section ' + section  + ' row data ' + rowdata}).show();
});

Test:

1. Tap "Row 1" – icon clears

2. Delete "Row 1"

3. Tap "Row 2" and "Row 3" – no action

4. Tap "Row 4" – CRASH

If the correct solution is to use updateRow(), the result is "better" but still not right. The first click event, returns the "previous" index value of the row clicked –not its current/correct value.

Here's the event handler change (same: table_view_delete_2.js) for this:

// create table view event listener
tableview.addEventListener('click', function(e)
{
    // event data
    var index = e.index;
    var section = e.section;
    var row = e.row;
    var rowdata = e.rowData;

    var tStr = 'e.index = ' + e.index;
    tableview.updateRow(e.index, {
        title: tStr,
        hasCheck: true,
        className: 'selected'
    });
    Titanium.UI.createAlertDialog({title:'Table View',message:'row ' + row + ' index ' + index + ' section ' + section  + ' row data ' + rowdata}).show();
});

To test:

1. Delete "Row 1"

2. Tap "Row 2" – "Row 3" updates WRONG

3. Tap "Row 2" again – "Row 2" updates RIGHT

4. Later taps ("Row 4") work too