sencha-touch - 如何创建条纹 Ext.Dataview

Question

Ext.dataview.DataviewlikeExt.dataview.List没有striped属性。
有没有直接的模拟方法？

我试过itemTpl在我的中使用DataView，但没有运气。

itemTpl: '<tpl for=".">' + 
             '<div class="{[xindex % 2 === 0 ? "even" : "odd"]}"></div>' + 
         '</tpl>'

也许我的“for 子句”是错误的。也许我不应该遍历根节点......

Answer 1

如果您在 DataView 中使用 itemTpl，则 xindex 值将始终为 1。因为它将为每个数据视图项创建 xtemplate。

您可以尝试使用 css：

dataviewItemCls:nth-child(even) {background: #CCC}
dataviewItemCls:nth-child(odd) {background: #FFF}

参考：- http://www.w3.org/Style/Examples/007/evenodd.en.html