Sencha touch Sencha触摸不分组表视图

Sencha touch Sencha触摸不分组表视图,sencha-touch,Sencha Touch,无论如何,我正在尝试做一个简单的分组表视图,但它在Sencha中不起作用。它将所有项目显示在一起,而不添加分组 以下是完整的代码: Ext.define('MyApp.view.CompletedList', { extend: 'Ext.dataview.List', alias: 'widget.CompletedList', fullscreen:true, grouped:true, ui:'round', requires: [

无论如何,我正在尝试做一个简单的分组表视图,但它在Sencha中不起作用。它将所有项目显示在一起,而不添加分组

以下是完整的代码:

Ext.define('MyApp.view.CompletedList', {
    extend: 'Ext.dataview.List',
    alias: 'widget.CompletedList',
    fullscreen:true,
    grouped:true,
    ui:'round',
    requires: [
        'Ext.dataview.List'
    ],
    config:{

        fullscreen:true,
        grouped:true,
        store: {
            fields: ['name', 'league', 'division'],
            sorters: 'name',
            grouper: {
                groupFn: function (item) {
                    return item.get('league') + ' ' + item.get('division');
                }
            },
            data: [
            {
                name: 'Texas',
                league: 'AL',
                division: 'West'
            },
            {
                name: 'Boston',
                league: 'AL',
                division: 'East'
            },
            {
                name: 'California',
                league: 'AL',
                division: 'West'
            },
            {
                name: 'Costa Rica',
                league: 'AL',
                division: 'East'
            },
            {
                name: 'Seattle',
                league: 'AL',
                division: 'East'
            }] 
        },
        itemTpl:'{name}' 
    }
});
以下是截图:

代码对我有效(触摸2.3.x)。。。您是否运行过“sencha应用程序构建”或“sencha ant sass”来更新您的主题和其他资源

Ext.create('Ext.List', {
    fullscreen:true,
    grouped:true,
    store: {
        fields: ['name', 'league', 'division'],
        sorters: 'name',
        grouper: {
            groupFn: function (item) {
                return item.get('league') + ' ' + item.get('division');
            }
        },
        data: [
        {
            name: 'Texas',
            league: 'AL',
            division: 'West'
        },
        {
            name: 'Boston',
            league: 'AL',
            division: 'East'
        },
        {
            name: 'California',
            league: 'AL',
            division: 'West'
        },
        {
            name: 'Costa Rica',
            league: 'AL',
            division: 'East'
        },
        {
            name: 'Seattle',
            league: 'AL',
            division: 'East'
        }] 
    },
    itemTpl:'{name}'
});

你的代码适用于meNo我还没有运行它!我注意到问题在于Sencha注入的风格。带显示的x列表标题:无。不知道他们为什么会那样做。我改变了风格,现在它可以工作了。该应用程序没有运行iOS 6主题,也没有运行iOS 7。很高兴它有所帮助!重新编译CSS通常是我尝试的第一件事:-)像这样的问题可能会发生。