煎茶触摸删除组头并增加间隙

问题描述：

什么?????????? – hekomobile

我想删除分组的列表标题。如果可能的话，会增加两组之间的差距。 –

答

定义自定义类列表，并添加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 
}

煎茶触摸删除组头并增加间隙

相关推荐