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

Question

我想突出显示新记录，比方说过去三天的所有新新闻和未读内容在列表中突出显示为新内容，并且当用户单击记录并阅读详细信息时，更改为未突出显示。

我的json，传递了每个重新记录的日期和时间。

任何想法如何解决这个问题？

Answer 1

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

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

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

然后，该函数的控制器调用中的某处将从列表项中删除css类。

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