1

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

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

2 回答 2

2

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

于 2013-05-09T15:39:23.553 回答
0

在配置块中设置selectedCls怎么样？

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

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

于 2013-09-24T11:21:52.730 回答