我有一个容器内的数据视图列表,它正在视图内正确显示项目。但是,每当我点击一个项目时,它都不会突出显示。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;
}
在一个正常的列表视图,这个类GET的添加到选定的项目,它显示为高亮。它看起来像CSS已经正确定义了列表,但没有为数据视图中所选项目的DOM结构定义。我不是CSS专家,我该如何解决这个问题? – jaffa 2013-05-10 20:50:26
谢谢,这就是我要做的。我得到的是使用上面添加的代码进行选择。不知道这是如何SASS友好。我怀疑不是。 – jaffa 2013-05-13 15:44:30