與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

看起來像ExtJS XTemplate在for和=之間有空格時解析'<tpl for ="cars">'聲明時出現問題。

試圖改變這一行：

<tpl for="cars">', 

它應該工作。