Sencha touch Sencha触摸数据视图并在选中时高亮显示一行

Sencha touch Sencha触摸数据视图并在选中时高亮显示一行,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,我在一个容器中有一个dataview列表,它在视图中正确地显示项目。然而,每当我点击一个项目时,它不会突出显示 我已将其添加到包含DataView列表的视图中: onItemTap: function (container, target, index, e) { var me = this; me.callParent(arguments); // WARNING: without this call, the row will not become se

我在一个容器中有一个dataview列表,它在视图中正确地显示项目。然而,每当我点击一个项目时,它不会突出显示

我已将其添加到包含DataView列表的视图中:

  onItemTap: function (container, target, index, e) {
        var me = this;
        me.callParent(arguments);  // WARNING: without this call, the row will not become selected
    }
我已经读到,如果我没有上述内容,该项目将不会被选中。我可以看到这个事件也被触发了。如果我通过senchatouch源代码进行调试,我可以看到CSS类x-item-selected被添加到包装列表项的DIV中,但是没有突出显示该行。这在普通的列表上很好用,那么我遗漏了什么呢

更新了CSS,似乎有效。

.x-dataview .x-data-item.x-item-selected
{
    border-top-color: #006bb6;
    background-image: -webkit-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d);
    color: white;
}

默认情况下,Sencha Touch Dataview不提供任何突出显示。向
.x-item-pressed
x-item-selected
类添加背景或其他内容,您将获得所需的效果。

在配置块中设置selectedCls如何

有关详细信息,请参阅以下链接


在普通列表视图中,此类get被添加到所选项目中,并显示为高亮显示。看起来CSS为列表正确地定义了这一点,但没有为dataview中的选定项定义DOM的结构。我不是CSS专家,我该如何解决这个问题?谢谢,这就是我要做的。我得到的是通过使用上面添加的代码进行选择。不知道这有多友好。我想不是。