Grouped List w/store?

[robl]

The KitchenSink Grouped List works but it's not using a Store. I can't seem to get my Grouped List to work with a Store. If I remove "grouped:true", the list displays but sans grouping and index bar. I suspect that either I need to configure the store differently OR that there's a bug in the PR1 release.

Has anyone gotten a Grouped List to work WITH a Store?

Also, what are the "groupers" and "groupField" Store parameters for? I've tried with and without them and neither case works.

[Martin1982]

Could you post some code to see what you are doing now?

[robl]

Here are snippets of the relevant sections:

Store:

Ext.define('MyApp.store.EmployeesStore', {
           extend  : 'Ext.data.Store',
           model   : 'MyApp.model.Employee',
           requires: ['MyApp.model.Employee'],          
           sorters: 'lastName',
           getGroupString: function(record) {
            return record.get('lastName')[0];
           }           
           });

View configuration:

        {
            xtype: 'panel',
            id: 'thepanel',
            layout: 'fit',
            items: [
            {
                id: 'thelist',
                xtype: 'list',
                itemTpl: '<span>{firstName} <b>{lastName}</b></span>',
                    grouped: true,
                    indexBar: true
            }
            ]
        }

and

    initialize: function() {
        console.log('initialize:');
        var theList = this.down('#thelist');
        var theStore = new MyApp.store.EmployeesStore();
        // add Employee objects to store
 
        theList.setStore(theStore);

[TommyMaintz]

I think there might be an issue with list.setStore atm. Are you using the new MVC architecture? If that is the case you should be able to just do:

        {
            xtype: 'panel',
            id: 'thepanel',
            layout: 'fit',
            items: [
            {
                id: 'thelist',
                xtype: 'list',
                itemTpl: '<span>{firstName} <b>{lastName}</b></span>',
                grouped: true,
                indexBar: true,
                store: 'EmployeesStore'
            }
            ]
        } 

As long as you define stores: ['EmployeesStore'] in your Application or any Controller.