sencha-touch - リストをグループ化できない

Question

    Ext.define('MyApp.view.MyPanel', {   
extend: 'Ext.Panel',
xtype:'mypanel',

config: {
    ui: 'dark',
    layout: {
        type: 'card'
    },
    items: [
        {
            xtype: 'titlebar',
            docked: 'top',
            title: 'Lezzet Dunyasi',
            items: [
                {
                    xtype: 'button',
                    docked: 'right',
                    height: 29,
                    hidden: true,
                    ui: 'back',
                    text: 'back'
                }
            ]
        },
        {
            xtype: 'list',
            docked: 'left',
            id: 'mylist',
            ui: 'round',
            grouped:true,
            pinHeaders:false,
            width: 331,
            itemTpl: [
                '<img src="{img_url}" width="60" heigh="60"></img><span>{label}</span>'
            ],
            store: 'Menius',
            items: [
                {
                    xtype: 'searchfield',
                    docked: 'top',
                    placeHolder: 'Search...',


             }
            ]
        },
        {
            xtype: 'panel',
            styleHtmlContent:true,
            style: {
                        backgroundImage: 'url(resources/img/Landscape.png)',
                        backgroundRepeat: 'no-repeat',
                        backgroundPosition: 'center'
            },
            id:'mypanel'
        }
    ]
}

});

私の店

ストアでいくつかのコードを使用しています

    sorters:'id',
    grouper:function(record) {
        return record.get('id')[4];

grouped:true を list config に書き込むと、アプリが実行されません。理由がわかりません。

kitchensink の例の userinterface/list/disclosure セクションと同じ結果を見たいです。

Answer 1

この構成をストアに追加してください

 groupField:'label'