sencha-touch - ストライプ化された Ext.Dataview の作成方法

Question

Ext.dataview.Dataviewとは異なり、属性Ext.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