sencha-touch-2 - Sencha 触摸 2 : getting item index in itemTpl

Question

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

当我在 xlist 的 itemTpl 中使用它时，我总是得到 1 而不是索引:

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

即使我的商店包含多件商品，也始终会生成“商品编号 1”。

难道我做错了什么 ？

Answer 1

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

解决此问题的建议是在加载后手动设置商店中商品的索引，如下所示:(商店的监听器)

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

希望能帮助到你。