View Full Version : [CLOSED] Ext.dataview.List duplicated the Grouping Header every time store data changes

19 Oct 2011, 10:47 AM
Re :)

I have a List component instance bound to a store.
If I click on a button I filter the store by filter() (btw: there is another problem: You need to call clearFilter() anytime before calling filter(), otherwise the store is empty...).

So anytime the store gets filtered and you have grouped: true set on a List view, the group header gets rendered again, so after 3 clicks I have 3 group headers displayed on top of the list ;)

List code:

title: 'Artikel',
xtype: 'list',
id: 'articleList',
itemTpl: '<div class="contact"> <strong>{title}</strong> by {author}</div>',
store: articleStore,
style: 'background-color: #efefef;',
flex: 1,
disclosure: true,
grouped: true,

onItemDisclosure: {
scope: 'test',
handler: function(record, btn, index) {
alert('Disclose more info for ' + record.get('id'));

Store code:

var articleStore = new Ext.data.JsonStore({ model: 'Articles',
id: 'articleStore',
storeId: 'articleStore',
sorters: 'title',

getGroupString: function(record) {
return "Artikel";

data: articles // Array with valid JSON data

Thanks & Regards

19 Oct 2011, 10:49 AM
We are aware of this issue, and it's already in our bug tracker. This will be fixed as part of the next release.

2 Nov 2011, 2:17 AM
Great... i'm actually suffering from this bug too.