ExtJS4基于商店中的值呈现组头模板

Question

我正在尝试在ExtJs网格上渲染自定义分组标题。

我想显示分组名称;在这种情况下，网格在今天，周日和上周分组。使用以下代码显示正常：

groupHeaderTpl: '{name}'

分组是在模型中的转换字段上完成的，如下所示：

{
    name: 'dateGroup',
    type: 'string',
    convert: function(value, record) {   

        var stamp = record.get('sentDate'),
            stamp = Ext.util.Format.round((stamp / 1000), 0),
            formattedSentDate = Info.utils.formatTimeStamp(stamp, 'd-m-y'),
            str = '';   

        if (formattedSentDate === Info.utils.getToday()) {
            str = 'Today';
        } else if (formattedSentDate === Info.utils.getYesterday()) {
            str = 'Yesterday';
        } else {
            str = 'Last week';
        }

        return str;

    }
}

在模型中有一个名为 read 的布尔字段。

如果邮件未读，那么我想在组头模板中显示未读邮件的数量。

我尝试使用以下内容但没有记录到控制台：

                    features: [{
                        ftype: 'grouping',
                        groupHeaderTpl: Ext.create(
                            'Ext.XTemplate', 
                            '{name}: ',
                            '{name: this.unreadCount}',
                            {
                                unreadCount: function(val){

                                    this.store.each(function(item, i, count) {
                                        if(item.get('read') === false){
                                            // populate inbox store
                                            // increment the unread inbox count
                                            console.log('unread');
                                        } else {
                                            console.log('read');    
                                        }

                                    });

                                }
                            }
                            )
                    }],

这可能吗？我相信它确实是ExtJs的新功能，所以还在学习。