如何引用Sencha Touch XTemplate中的项目计数？

Question

我有一个用于数据视图的sencha模板，如下所示，我想在其中插入商店中的当前商品数量。如何在模板或xtemplate中引用此值？

tpl: "<div class='itineraryCount'>{{count would go here}} entries</div>"

我已经尝试过XTemplate的应用程序接口文档，但似乎找不到我想要的东西。这个是可能的吗？

Answer 1

切换到使用DataView而不是普通的Panel来显示计数，然后您可以利用随着存储自动更改而更新的Count值，并且只需将values数组的长度放入您的XTemplate：

new Ext.DataView({
    store: YOUR_STORE,
    tpl: '<div>{[values.length]}</div>',
    itemSelector:'.item',
});

Answer 2

我来自2020年，在extjs v.6的文档中我可以看到以下内容：

有一些特殊的变量可用：

..。

xindex:如果你在一个"for“或"foreach”循环模板中，你所在的循环的索引(从1开始)。

xcount:如果您在"for“循环模板中，则为要循环的数组的总长度。

所以，现在你可以像这样使用(如果你在一个"for“或"foreach”循环中)：

tpl: "<div class='itineraryCount'>{[xcount]} entries</div>"