如何创建条纹Ext.Dataview

Question

Ext.dataview.Dataview不像Ext.dataview.List没有striped属性。
有没有一种简单的方法来模拟？

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

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

也许我的“for clause”是错误的。也许我不应该迭代根节点...

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