Sencha Touch 2.4，突出了列表中的新记录

Question

我想突出显示新记录，让所有新消息和过去3天未读的内容在列表中突出显示为新内容，当用户点击记录并阅读详细信息时，请更改为未突出显示。

我的json，deliver提供每个记录的日期和时间。

知道如何管理这个问题吗？

Answer 1

您必须使用Ext.dataview.DataView类的 itemTpl 属性，请参阅 config: itemTpl 基本上这是Ext.XTemplate

的表达

在您的情况下，假设您在模型字段未读中定义，那么您可以编写如下内容：

 config: {
        itemTpl: [
            '<div',
            '<tpl if="unread"> class="my-unread-css"</tpl>',
            '>',
            '{newsText}',
            '<div>',
        ]
 }

然后在函数的控制器调用中的某个地方将从列表项中删除css类。

 function markAsRead(newsModel) {
      newsModel.set('unread', false);
 }