ExtJs 4.1 网格分组功能 - 防止“组”关键字出现在标题中

Posted 2023-02-26

【中文标题】ExtJs 4.1 网格分组功能 - 防止“组”关键字出现在标题中

【英文标题】：ExtJs 4.1 grid grouping feature - preventing 'group' keyword from appearing in the heading

【发布时间】：2013-11-14 09:12:37

【问题描述】：

我正在使用 ExtJs 4.1 网格并添加了组功能。在商店中，我指定了 groupField 和分组功能工作正常。但是当网格呈现时，组标题显示为 Group: Group-Name"。如何防止“组”关键字出现在组标题中（在下图中突出显示）。

Ext.require(['Ext.data.*', 'Ext.grid.*']);
Ext.onReady(function() 
   Ext.regModel('Teams', 
       fields: ['name', 'sport']
   );

   var teamStore = new Ext.data.Store(
       model: 'Teams',
       sorters: ['sport','name'],
       groupField: 'sport',
       data: [
            name: 'Aaron', sport: 'Table Tennis' ,
            name: 'Aaron', sport: 'Football' ,
            name: 'Abe', sport: 'Basketball' ,
            name: 'Tommy', sport: 'Football' ,
            name: 'Tommy', sport: 'Basketball' ,
            name: 'Jamie', sport: 'Table Tennis' ,
            name: 'Brian', sport: 'Basketball' ,
            name: 'Brian', sport: 'Table Tennis' 
       ]
   );

   var grid = new Ext.grid.GridPanel(
       renderTo: Ext.getBody(),
       store: teamStore,
       width: 400,
       height: 300,
       title: 'Sports Teams',
       features: [
           ftype: 'grouping'
       ],
       headers: [
           text: 'Name',
           flex: 1,
           dataIndex: 'name'
       ,
           text: 'Sport',
           dataIndex: 'sport'
       ]
   );
);

【参考方案1】：

features: [
        ftype: 'grouping',
        groupHeaderTpl: 'name'
    ]