显示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

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

尝试将此行更改为：

<tpl for="cars">', 

它应该有效。