2013-01-28 19:05:59.154 MyApplication[5447:207] *** Assertion failure in -[_UITableViewUpdateSupport _computeRowUpdates], /SourceCache/UIKit_Sim/UIKit-1912.3/UITableViewSupport.m:386

I use the same code to create the table or append rows later, so I need to use appendRow() to not have to repeat code.

The code is elaborated so I can come up with an example. First, I'd like to know if someone has seen this error before.

Titanium 2.1.4 (the version 3 doesn't work on my Mac) Snow Leopard

Thanks JD

Constructor:

var self = require('/modules/l2g').create(title);
self.mytableview = Ti.UI.createTableView({});
self.add(self.mytableview);
self.favchannelsection = require('/modules/parts/section').create('Kanäle');
self.favvideossection = require('/modules/parts/section').create('Videos');
self.recentsvideossection = require('/modules/parts/section').create('Videos');
self.mytableview.setData([self.favchannelsection,self.favvideossection,self.recentsvideossection]);

Ti.App.addEventListener('favs_changed', function(data) {
    var rows = [];
    var favs = data.favs;
    var length = favs.length;
    for (var i = 0; i < length; i++) {
        rows[i] = Ti.UI.createTableViewRow({
                backgroundColor : '#fff',
                hasChild : true,
                kanal : favs[i]
        });
        self.favchannelsection.add(rows[i]);
    }
));

Script Error = 'undefined' is not a function (evaluating 'self.favchannelsection.appendRow(rows[i])') at mylecture2go.js (line 39).

Rainer

Is there any way to append multiple rows (or multiple table sections) to a TableView that already has data in it by adding them all at once instead of doing it iteratively using appendRow?

Titanium v1.2.2, Android SDK 1.6, Screen WVGA854

i've got so far that i get the view more but clicking seems to get the next 8 records but only shows the last 2 added rows in the tableview and doesnt add another view more at the end - ive looked at this code all day and i'm obviously got too far into a mix & match code and cant see where i'm going wrong

var win = Ti.UI.currentWindow;
 
var page = 1; 
var page_size = 8;  
var more_index = 0;
 
var categoryArray = [];
 
var tableView = Ti.UI.createTableView({
    top:0,
    left:0,
    right:0,
    zIndex:10,
    backgroundColor:'transparent',
    separatorColor:'#ccc'
});
 
win.add(tableView);
 
 
 
function addRow(buses){
 
    Ti.API.info('Adding row for : '+buses.direction);   
 
    var row = Ti.UI.createTableViewRow({height:'auto',hasChild:false,selectedBackgroundColor:'#4eaaf0'});   
 
    var title_label = Ti.UI.createLabel({
        text:buses.direction,
        left:4,
        top:4,
        height:'auto',
        font:{fontFamily:'Helvetica Neue',fontSize:16,fontWeight:'bold'},
        color:'#fff',
        right:0,
        textAlign:'left',
        touchEnabled:false
    });
 
    row.add(title_label);
    row.id = buses.id;
    row.className = 'buses';
    tableView.appendRow(row);
 
}
 
 
 
function getBuses(page){
 
    var db = Titanium.Database.open('bus');
    var dbrows = db.execute('select * FROM bus LIMIT 0,'+page_size);
    while (dbrows.isValidRow()) {
        categoryArray.push({
            id:dbrows.fieldByName('id'),
            direction:dbrows.fieldByName('direction'),
        }); 
 
 
        dbrows.next();
    }
    dbrows.close();
    db.close();
        var buses = categoryArray; 
 
 
        Ti.API.info(buses);
 
        Ti.API.info('there are '+buses.length);
 
        for(var i in buses){
            if(i){
                addRow(buses[i]);
            }
        Ti.API.info('i: '+i);
 
        if(i == page_size-1){
 
 
            var more_row = Ti.UI.createTableViewRow({height:'auto',hasChild:true,selectedBackgroundColor:'#4eaaf0'});   
            var title_label = Ti.UI.createLabel({
                text:'View more ... ',
                left:10,
                top:12,
                height:20,
                font:{fontFamily:'Helvetica Neue',fontSize:16,fontWeight:'normal'},
                color:'#fff',
                right:0,
                textAlign:'left',
                touchEnabled:false
            });
            more_row.add(title_label);
            more_row.id = 'MORE'; 
 
            tableView.appendRow(more_row);
 
        } 
 
        if(page > 0 && more_index!=0){
            tableView.deleteRow(more_index);
        }
 
 
    };
 
}
 
 
 
tableView.addEventListener('click',function(e){
 
    Ti.API.info('You clicked the tableView : '+e.rowData.id);  
 
    if(e.rowData.id=='MORE'){
 
        more_index = e.index;
        page_size+=8;
        getBuses(page);
 
 
    } else {
 
//link to stuff....
 
 
    }
 
});
 
 
 
getBuses(page);

Very frequently, the emulator and device will crash when calling appendRow. This happens maybe 1 out of 5 times. Has anyone else experienced this? It seems there is a race condition on appendRow as the rowcount is off - either that or something is being garbage collected. Ideas?

*** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Invalid update: invalid number of rows in section 0. The number of rows contained in an existing section after the update (0) must be equal to the number of rows contained in that section before the update (0), plus or minus the number of rows inserted or deleted from that section (1 inserted, 0 deleted).'

Our application flow: 1) Open new "selector" window to select something to add to the "main" windows table 2) Fire event in "selector" window to pass selected row back to the "main" window 3) Event in main window updates the table using appendRow 4) Close the "selector" window

It doesn't mess up if you add it to any other row.

Does anyone know a workaround for this?

var win = Ti.UI.createWindow({});
 
var tableData  = [
    {title:'Insert Row Above (no anim)', header:'Section 0'},
    {title:'Row2'},
    {title:'Insert Row Below - 1', name:'3'},
];
 
var tableView = Ti.UI.createTableView({
        backgroundColor: 'white',   
        separatorColor: '#d3d3d3',
        data:tableData
    });
 
tableView.addEventListener('click', function(e)
{
    var row = Ti.UI.createTableViewRow({
        backgroundColor: 'red',
        width: '`100%',
        height: 150,
    });
 
    tableView.appendRow(row,{animationStyle:Titanium.UI.iPhone.RowAnimationStyle.DOWN});
 
});
 
win.add(tableView);
win.open()

I'm trying to add Youtube content to a tableview after the user updates by scrolling. I'm just not sure how to pull the xml content afterwards with the appendRow function.

The first 5 show up, then if the user scrolls the tableview up, it is supposed to add the next 5 on the list, and so on. I'm not sure what I'm supposed to put on the load function.

here's the snippet of interest:

// simulate loading
            for(var c = lastRow; c < lastRow + 5 || c <items.length; c++) {
                tableView.appendRow({
                    title:'add content'
                }, {
                    animationStyle : Titanium.UI.iPhone.RowAnimationStyle.NONE
                });
            }
            lastRow += 5;

http://pastebin.com/3bGzHmGD

Thanks!

I've stripped down the code here:

http://pastie.org/2129868

TiMob SDK: 1.6.3/1.7.0 | iOS: 4.3 (iPhone) | TiStudio: 1.0.1

If the loop size is reduced to create and append only two rows, only the last one will appear in the tableview.

*** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Invalid update: invalid number of rows in section 0. The number of rows contained in an existing section after the update (1) must be equal to the number of rows contained in that section before the update (1), plus or minus the number of rows inserted or deleted from that section (1 inserted, 0 deleted).'

mainWindow = Ti.UI.createWindow({backgroundColor:'#ddd'});
 
var rowIndex = 0;
var row; 
 
var hoursTableView = Ti.UI.createTableView({
            right: 20, width: 325,
            top: 135, height: 210,
            style: Ti.UI.iPhone.TableViewStyle.GROUPED
});
 
while (rowIndex < 4) {
 
            row = Ti.UI.createTableViewRow({
                  className: 'hoursRow', 
            });
 
            if (rowIndex == 0) {
               row.header = 'Hours';
            };
 
            row.add(Ti.UI.createLabel({
                left: 5, width: 150,
                text: 'Hours ' + rowIndex
            }));
 
            hoursTableView.appendRow(row);
            rowIndex = rowIndex + 1;
}
mainWindow.add(hoursTableView);
 
mainWindow.open({ animated: false });

I'm using a TableView component with a Titanium.UI.iPhone.TableViewStyle.GROUPED style on iOS in the following (simplified) scenario :

• I have initially a single row in my TableView component
• When I click on my row it appends another one
• It is limited to three rows

>

The problem is, when I append rows my way, the highlighted shape is not updated the way it should be. You'll have a better understanding by watching these screenshots.

• One row
• Three rows
• The highlight glitch

>

I'm achieving this with this code : Gist

Do you have any idea on how to redraw the grouped TableView component so that the highlighted shape on a row fills it completely and not based on it's first form ?

If anyone knows if this is possible please let me know. It really wouldn't make sense to append new rows to the bottom of my tableView. I have it set up so that when the tableView initially loads it pulls the most recent posts from the database and orders them with the most recent post at the top and descends from there.

Any help is greatly appreciated!

// table view
var tview = Titanium.UI.createTableView({
  top: 50
});
 
// add table view to the window
Titanium.UI.currentWindow.add(tview);
 
tview.appendRow({hasChild:true,title: "test row"});

However, if I add another row

tview.appendRow({hasChild:true,title: "another row"});

Update

This works on iPhone without the scrolling to the top. Any ideas?

any ideas? I can see the data returned in the console but nothing is appended.

projTable.addEventListener('click',function(e)
{
  var xhr2 = Titanium.Network.createHTTPClient();
  xhr2.onload = function()
  {
    var d = JSON.parse(this.responseText);
    Ti.API.info(d); // verify data is returned
    data = addRow(d,4);
    projTable.appendRow(data);
  };
 
xhr2.open('GET','http://get_remote_array.php');
xhr2.send();
});

I'm doing the migration of my app to 1.0 and I have found some problem with appendRow method. It seems not to work after the tableView is added (initialized) to the current window. Here is the prototype of my code that no longer works in 1.0:

http://pastie.org/878557