How to correctly replace the contents of a list?

[sma]

I have a panel with a list view. In the panel's activate event I set the list view's data like so:

                activate: function() {
                    var me = this;
                    Ext.Ajax.request({
                        url: 'data/sites.json',
                        success: function(response) {
                            me.child('list').setData(JSON.parse(response.responseText));
                        }
                    })
                }

This works as expected. However, I've added the panel to a navigation view and if I pop back to this panel, the activate event is fired again. This has the rather strange effect, that the list gets additional entries. I would have guessed that setting the data property will replace the current entries, not add them.

Is this a bug in Sencha Touch 2.0 beta 3 or am I don't something wrong here?

Each time, I push and pop another panel on top of this panel, the list gets longer.

Stefan

[mitchellsimoens]

You should really be adding/removing data from the store not the list.

[sma]

Looking into the source, the intended behavior is indeed to add the data, not to replace it. I'm now using a Ext.data.Store instance to wrap my data and it works.

Stefan