2013-05-09 58 views
1

我有一个容器内的数据视图列表,它正在视图内正确显示项目。但是,每当我点击一个项目时,它都不会突出显示。Sencha触摸DataView并选中时突出显示一行

我已经添加了这个包含了数据视图列表视图:

onItemTap: function (container, target, index, e) { 
     var me = this; 
     me.callParent(arguments); // WARNING: without this call, the row will not become selected 
    } 

我读过,如果我没有在上面的项目将不会被选中。我可以看到这个事件也被解雇了。如果我通过Sencha Touch源代码进行调试,则可以看到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; 
} 

回答

2

默认情况下煎茶触摸数据视图不提供任何高亮。为.x-item-pressed.x-item-selected类添加背景或其他内容,您将获得所需的效果。

+0

在一个正常的列表视图,这个类GET的添加到选定的项目,它显示为高亮。它看起来像CSS已经正确定义了列表,但没有为数据视图中所选项目的DOM结构定义。我不是CSS专家,我该如何解决这个问题? – jaffa 2013-05-10 20:50:26

+0

谢谢,这就是我要做的。我得到的是使用上面添加的代码进行选择。不知道这是如何SASS友好。我怀疑不是。 – jaffa 2013-05-13 15:44:30