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">', 

它应该可以工作。