Sencha Touch 2：在itemTpl中获取项目索引 [英] Sencha touch 2 : getting item index in itemTpl

问题描述

在XTemplate文档中，可以使用{#}获取当前数组索引。

当我在xlist的itemTpl中使用它时，我总是得到1而不是index：

    {
        xtype: 'list',
            store: 'myStore',
            itemTpl:new Ext.XTemplate(
                 '<tpl for=".">',
                      '<div>Item n°{#1}</div>',
                 '</tpl>'
            ),          
    }

即使我的商店包含多个项目，也始终生成"Item n°1"。

我做错了什么吗？

推荐答案

请注意，您使用的是Ext.List，它从Ext.data.Store而不是数组中获取数据，因此XTemplate一次仅处理1个项。这就是为什么{#}(也称为xindex)总是返回1。

建议在加载后手动设置商店中项目的索引，如下所示：(Listener For Your Store)

listeners: {
  load: function(store, records){
    store.each(function(record, index){
      record.set('index', index);
    },
    store
  );
}

希望它能有所帮助。

这篇关于Sencha Touch 2：在itemTpl中获取项目索引的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！