XTemplate: check if a property exists

[blutarsky]

Hi everybody and happy new year,

Is there a way to check if a property used in the XTemplates exists?

For example, if I try this:

var tpl = new Ext.XTemplate(
    '<p>Name: {name}</p>',
    '<p>Kids: ',
    '<tpl for="kids">',
        '<tpl if="age > 1">',
            '<p>{name}</p>',
            '<p>Dad: {parent.name}</p>',
        '</tpl>',
    '</tpl></p>'
);
tpl.overwrite(panel.body, data);

and 'age' property does not exists I get an error.

Thanks a lot.

[efattal]

I have the same problem (in a "for" loop)

Does anyone have a solution?

Thanks

[efattal]

Well, I found a solution, but is it the right one?

If I have an optional property in my objects: for example: the firstname is optional: heroes = [{lastname:"Man", firstname:"Bat"}, {lastname:"Joker"}], I can loop through the array with the following code:

new Ext.XTemplate(
    '<tpl if="this.exists(heroes)">',
    '<fieldset>',
    '<legend>My heroes</legend>',
    '<tpl for="heroes">',
        '{[firstname=""]}',
        '<tpl if="this.exists(firstname)">',
             '{firstname} ',
        '</tpl>',
        '{lastname}',
    '</tpl>',
    '</fieldset>',
    '</tpl>',
    {
        exists: function(o){
        return typeof o != 'undefined' && o != null && o!='';
    }
});

In fact, as XTemplate uses "with" for accessing object properties, if ever the property doesn't exist, JS will use the declared variable that has the same name.

Thanks for your comment