0

我正在尝试在 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 来说真的很陌生，所以还在学习。

4

0 回答 0