显示extjs xtemplate的问题

Question

我使用下面的xTemplate遍历数据：

var xtpl=new  Ext.XTemplate(
    '<tpl for=".">',
        '<div style=background-color: {color}; margin:10px;">',
            '<b> Name : </b> {name}<br />',
            '<b> Cars : </b>',
            '<tpl for ="cars">',
                '{.}',
                '{[(xindex < xcount)?", ":""]}',
            '</tpl>',
            '<br />',
        '</div>',
    '</tpl>'
);

示例数据：

var xdata=[{
        color : "#E9E9FF",
        name : 'John',
        cars : ['Jetta','Honda']
        },
        {
        color : "#E9E9FF",
        name : 'Rob',
        cars : ['Passat','Ford','VW']
        }];

输出显示为：

Name : John
Cars : [object Object], 
Name : Rob
Cars : [object Object]

导致汽车无法正常显示的错误是什么？

感谢任何人的帮助。

Answer 1

当for和=之间有空格时，看起来ExtJS XTemplate在解析'<tpl for ="cars">'语句时出现了问题。

尝试将此行更改为：

<tpl for="cars">', 

它应该是有效的。