如何创建条带Ext.Dataview

时间:2015-07-02 20:52:54

标签: sencha-touch sencha-touch-2 senchatouch-2.4

Ext.dataview.Dataview不同的

Ext.dataview.List没有striped属性 有简单的模拟方法吗?

我已尝试在itemTpl中使用DataView,但没有运气。

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

也许我的&#34;对于条款&#34;是错的。也许我不应该遍历根节点...

1 个答案:

答案 0 :(得分: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