Как создать полосатый Ext.Dataview

Question

Ext.dataview.Dataview в отличие от Ext.dataview.List не имеет атрибута striped.
Есть ли простой способ имитации этого?

Я пробовал использовать itemTpl в моем DataView, но не повезло.

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

Возможно, мое «предложение» неверно. Может быть, я не должен проходить итерацию через корневой узел ...

Answer 1

Если вы используете itemTpl в DataView, значение xindex всегда будет одним. Так как он создаст xtemplate для каждого элемента dataview.

Вы можете попробовать использовать CSS:

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

реф: - http://www.w3.org/Style/Examples/007/evenodd.en.html