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];

当我写分组：true进入列表配置时，app不会运行。我不明白原因。

我希望看到相同的结果，例如kitchennsink示例userinterface / list / disclosure section。

Answer 1

在商店中添加此配置

 groupField:'label'

我无法对列表进行分组

1 个答案: