Sencha touch删除组头并增加差距

Question

如何删除Sencha touch分组列表标题并增加差距。

Answer 1

为列表定义自定义类，并在css文件中添加该类的css。 当然，如果您使用商店并添加所需的字段名进行分组，则将分组配置选项设置为true。

查看：

Ext.define('app.view.Temp', {
        extend : 'Ext.List',
        xtype : 'temp',

        config : {
            title : 'Temp',
            cls : 'x-contacts',
            disableSelection: true,
            grouped : true,
            store : 'YourStore',
            ui : 'round',
            cls:'modifiedHeader',
            //custom css classname
            itemTpl : ['<span>{field_name}</span>'].join('')
        }
    });

---

商品

Ext.define('app.store.YourStore', {
        extend : 'Ext.data.Store',

        config : {
            model : 'app.model.Temp',
            autoLoad : true,
            storeId:'YourStore',
             groupField: 'field_name',

            proxy : {
                type : 'ajax',
                url : 'link/to/api'
            }
        }
    });

---

<强> app.css

.modifiedHeader .x-list-header {
//your desired css here
display:none;//If you want to hide the header
}