Question

我在容器内部有一个数据视图列表，它在视图中正确显示项目。但是，每当我点击某个项目时，它都不会突出显示。

我已将此添加到包含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;
}

Answer 1

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

Answer 2

如何在配置块中设置 selectedCls ？

请参阅以下链接以获取详细信息

http://docs.sencha.com/touch/2.2.1/#!/api/Ext.dataview.List-cfg-selectedCls

Sencha Touch DataView并在选中时突出显示一行

2 个答案: