дисплей проблема с 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 имеет проблемы с разбором инструкции '<tpl for ="cars">', когда у вас есть пространство между for и =.

Попробуйте изменить эту строку:

<tpl for="cars">', 

она должна работать.