XTemplate syntax

[miroperez]

from the examples in:

http://dev.sencha.com/deploy/touch/docs/?class=Ext.XTemplate

Is there a way to get directly to the kids[0].name property in the tpl?

I tried:



var tpl = new Ext.XTemplate(
'<p>KID 0: {kids[0].name}</p>','
);


But that didn't seem to work. Or is there a way to write a function which can do the logic to return a default if there are 0 items?

[mitchellsimoens]

You are only trying to get the first kid in a record?

[weenradio]

Try this:


var tpl = new Ext.XTemplate(
'<p>KID 0: {[values.kids[0].name]}</p>','
);

[weenradio]

Added check for no kids:



var tpl = new Ext.XTemplate(
'<tpl if="this.hasKids(values.kids)">',
'<p>Kid 0: {[values.kids[0].name]}</p>',
'</tpl>',
{ hasKids : function (val) {
return ((val) && (val.length > 0));

}}
);