Extjs 在sencha touch 2.1.0中使用XTemplate循环数组

报告说：

tpl标签和for运算符用于处理提供的数据对象：

• 如果for中指定的值是数组，它将自动填充，为数组中的每个项在tpl标记内重复模板块
• 如果指定了for=“”，则检查提供的数据对象
• 在处理数组时，特殊变量{#}将提供当前数组索引+1（从1开始，而不是0）

我遵循第一条规则将面板的数据配置分配给一个对象数组，但它只显示一个空白。代码如下：

                  {
                 xtype : 'panel',
                 tpl : new Ext.XTemplate([
                          '<tpl>',
                            '<div>',
                                '{index}',
                            '</div>',
                          '</tpl>'
                 ]),
                 data : [
                         {index : '11'},
                         {index : '12'},
                         {index : '13'}
                 ]
              }

{
xtype:'面板'，
tpl：新Ext.XTemplate([
'',
'',
“{index}”，
'',
''
]),
数据：[
{索引：'11'}，
{索引：'12'}，
{索引：'13'}
]
}

因此，我遵循第二条规则并添加了一个

'for=“.”“

对于

”

，它起作用了！因此，我想知道如果您只想使用Ext.XTemplate循环数组，是否真的意味着您必须添加一个

'for=“.”

同样，使用

'for=“.”

语句真的是一种不好的做法吗？

是的，

意味着迭代“活动”对象。例如，“活动”对象从外部数组更改为内部数组，因为在迭代过程中，我们指向内部数组：

var tpl = new Ext.XTemplate([
    '<tpl for=".">', // "." points to the outer array
        '<tpl for=".">', // "." points to each inner array
            '{.}',
        '</tpl>',
    '</tpl>'
]);

console.log(tpl.apply([
    [1, 2],
    [3, 4]
]));

var tpl=new Ext.XTemplate([
“，/””指向外部数组
“，/””指向每个内部数组
'{.}',
'',
''
]);
console.log（tpl.apply([
[1, 2],
[3, 4]
]));