Почему этот пример потерпит неудачу, если шаблон XTemplate построен с использованием строки в двойных кавычках, тот же пример работает, когда строки определены в одинарных кавычках. Код просто тихо умирает
var tplData = [{ // 1
color : "#FFE9E9",
name : 'Naomi White',
age : 25,
dob : '03/17/84',
cars : ['Jetta', 'Camry', 'S2000']
},{
color : "#E9E9FF",
name : 'John Smith',
age : 20,
dob : '10/20/89',
cars : ['Civic', 'Accord', 'Camry']
}];
var myTpl = new Ext.XTemplate( // 2
"<tpl for='.'>", // 3
"<div style='background-color: {color}; margin: 10px;'>",
"<b> Name :</b> {name}<br />",
"<b> Age :</b> {age}<br />",
"<b> DOB :</b> {dob}<br />",
"</div>",
"</tpl>"
);
myTpl.compile();
myTpl.append(document.body, tplData);
Тот же пример со строками в одинарных кавычках.
var tplData = [{ // 1
color : "#FFE9E9",
name : 'Naomi White',
age : 25,
dob : '03/17/84',
cars : ['Jetta', 'Camry', 'S2000']
},{
color : "#E9E9FF",
name : 'John Smith',
age : 20,
dob : '10/20/89',
cars : ['Civic', 'Accord', 'Camry']
}];
var myTpl = new Ext.XTemplate( // 2
'<tpl for=".">', // 3
'<div style="background-color: {color}; margin: 10px;">',
'<b> Name :</b> {name}<br />',
'<b> Age :</b> {age}<br />',
'<b> DOB :</b> {dob}<br />',
'</div>',
'</tpl>'
);
myTpl.compile();
myTpl.append(document.body, tplData);